okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Big Chungus Window settings (#1230)

Browse source 
* Initial Changes

* I suposse this is the last

* cryptofyre

* Documentation
This commit is contained in:
Gabriel Davila 2022-07-03 21:01:25 -03:00 • committed by GitHub
parent 962b7094c2
commit e133b2c38b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 1571 additions and 504 deletions
Download patch file Download diff file Expand all files Collapse all files

286
src/renderer/less/pages.less
View file

@ -23,8 +23,7 @@
.github-themes-page {
display: flex;
flex-direction: column;
padding: 0px;
height: calc(100% - var(--navigationBarHeight));
height: 100%;
.github-avatar {
height: 42px;
@ -51,10 +50,12 @@
}
.repos-list {
height: 100%;
overflow-y: overlay;
height: 85%;
width: 320px;
font-size: 14px;
position: absolute;
overflow: auto;
padding-bottom: 16px;
> .list-group {
margin: 0px;
@ -74,11 +75,14 @@
}
.github-preview {
height: 100%;
height: 85%;
flex: 1;
background: var(--color2);
padding: 16px 32px;
overflow-y: overlay;
overflow: auto;
position: fixed;
width: calc(100% - 574px);
margin-left: 320px;
padding-bottom: 16px;
}
.gh-content {
@ -90,6 +94,173 @@
.gh-header {
padding: 16px;
.header-text {
position: initial !important;
justify-content: left !important;
}
}
.installed-themes-page {
.style-editor-container {
height: 100%;
flex: 1;
background: var(--color2);
padding: 0px;
overflow-y: overlay;
.list-group-item {
border-radius: 0px;
}
}
}
}
//Styles Page
.installed-themes-page {
.themeContextMenu {
background: transparent;
color: var(--keyColor);
border: 0px;
}
.list-group-item {
&.addon {
background: rgb(86 86 86 / 20%);
}
&.applied {
background: var(--keyColor-disabled);
pointer-events: none;
}
}
.repo-header {
font-size: 16px;
position: sticky;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 50px;
z-index: 1;
background: rgba(36, 36, 36, 0.5);
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: var(--glassFilter);
overflow: hidden;
border-bottom: 1px solid rgb(0 0 0 / 18%);
border-top: 1px solid rgb(135 135 135 / 18%);
}
.gh-header {
z-index: 5;
.header-text {
position: initial !important;
justify-content: left !important;
}
}
.gh-content {
display: contents;
flex-direction: column;
padding: 0px;
.repos-list {
width: 320px;
position: fixed;
overflow: auto;
height: 90%;
font-size: 14px;
margin: 0 auto;
white-space: nowrap;
> .list-group {
margin: 0px;
padding-bottom: 16px;
}
.list-group-item {
padding: 12px 6px;
&:hover {
filter: brightness(1.2);
}
&:active {
filter: brightness(0.8);
}
}
}
.style-editor-container {
height: 90%;
flex: 1;
padding: 0px;
margin-left: 320px;
position: fixed;
overflow: auto;
width: calc(100% - 574px);
.stylestack-editor {
padding-bottom: 16px;
}
.list-group-item {
border-radius: 0px;
}
}
}
.stylestack-editor {
width: 100%;
.btn,
.btn-group {
width: 100%;
}
.themeLabel {
display: flex;
align-items: center;
}
.handle {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.list-group-item {
&:hover {
cursor: grab;
}
&:active {
cursor: grabbing;
}
}
.removeItem {
border: 0px;
background: transparent;
height: 32px;
font-weight: bold;
color: var(--textColor);
cursor: pointer;
}
.stylesDropdown {
> .dropdown-menu {
height: 300px;
overflow-y: overlay;
}
}
}
}
@ -1286,107 +1457,6 @@
/* Artist Page End */
.installed-themes-page {
.themeContextMenu {
background: transparent;
color: var(--keyColor);
border: 0px;
}
.list-group-item {
&.addon {
background: rgb(86 86 86 / 20%);
}
&.applied {
background: var(--keyColor-disabled);
pointer-events: none;
}
}
.repo-header {
font-size: 16px;
position: sticky;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 50px;
z-index: 1;
background: rgba(36, 36, 36, 0.5);
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: var(--glassFilter);
overflow: hidden;
border-bottom: 1px solid rgb(0 0 0 / 18%);
border-top: 1px solid rgb(135 135 135 / 18%);
}
.style-editor-container {
height: 100%;
flex: 1;
background: var(--color2);
padding: 0px;
overflow-y: overlay;
.list-group-item {
border-radius: 0px;
}
}
.stylestack-editor {
width: 100%;
.btn,
.btn-group {
width: 100%;
}
.themeLabel {
display: flex;
align-items: center;
}
.handle {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.list-group-item {
&:hover {
cursor: grab;
}
&:active {
cursor: grabbing;
}
}
.removeItem {
border: 0px;
background: transparent;
height: 32px;
font-weight: bold;
color: var(--textColor);
cursor: pointer;
}
.stylesDropdown {
> .dropdown-menu {
height: 300px;
overflow-y: overlay;
}
}
}
}
// Settings page
.settings-page {
padding: 0px;