Updated the settings dialog button styling.

This commit is contained in:
Jas Singh
2024-07-26 23:58:16 -07:00
parent 932006f760
commit 77c79a2d99
5 changed files with 90 additions and 44 deletions

View File

@@ -25,24 +25,26 @@ window.settings-dialog {
button.close {
color: $bar-menus-iconbuttons-passive;
image {
font-size: 2em;
}
&:hover {
color: $bar-menus-iconbuttons-active;
color: $bar-menus-buttons-active;
}
}
button.reset {
color: $bar-menus-iconbuttons-passive;
padding: $padding*.5;
image {
font-size: 1.25em;
}
&:hover {
color: $bar-menus-iconbuttons-active;
color: $bar-menus-buttons-active;
}
}
}
@@ -159,52 +161,79 @@ window.settings-dialog {
.reset {
color: $bar-menus-iconbuttons-passive;
}
.options-label {
color: $bar-menus-text;
}
.options-sublabel {
font-size: 0.75em;
margin-top: 0.2em;
color: $bar-menus-dimtext;
}
.inputter-container {
border-radius: $bar-menus-border-radius * 0.5;
:first-child {
border-radius: $bar-menus-border-radius * 0.5;
}
padding: 0.35em 0.35em;
background: $surface1;
margin-right: 1em;
}
}
.options-header {
margin: 1em 1em;
.label-name {
color: $bar-menus-label;
font-size: 0.9em;
margin-right: 0.5em;
}
}
.pager-button {
margin: 0.5em 0.75em;
&.category label{
&.category label {
font-size: 1.4em;
}
&:hover {
color: $bar-menus-iconbuttons-active;
}
&.active {
color: $bar-menus-iconbuttons-active;
}
}
.bar-theme-page { min-height: 40em;
.bar-theme-page {
min-height: 40em;
}
.settings-menu-stack {
background: $red;
}
.paged-container {
.reset-options {
color: $bar-menus-iconbuttons-passive;
image:disabled {
color: $bar-menus-buttons-disabled;
}
&:hover {
image {
color: $bar-menus-buttons-active;
}
}
}
scrollbar {
margin-right: 0.2em;
min-width: 0.6em;
@@ -217,15 +246,18 @@ window.settings-dialog {
background: $bar-menus-buttons-default;
}
}
selection {
background: $bar-menus-background;
}
switch {
font-size: 10px;
&:checked {
background: $bar-menus-switch-enabled;
}
slider {
background-color: $bar-menus-switch-puck;
}
@@ -264,6 +296,7 @@ dialog {
viewport {
border-right: .25em solid $bar-menus-border-color;
list {
row {
padding: 0em 1.5em;
@@ -272,6 +305,7 @@ dialog {
background: $bar-menus-buttons-default;
color: $bar-menus-buttons-text;
}
label {
margin: 0.5em 0.5em;
font-size: 0.85em;
@@ -280,6 +314,7 @@ dialog {
}
}
stack {
.horizontal .path-bar {
button {
@@ -295,6 +330,7 @@ dialog {
&:hover {
background: transparentize($bar-menus-buttons-active, 0.5);
}
label {
margin: 0em 0.25em;
color: $bar-menus-buttons-text
@@ -304,12 +340,13 @@ dialog {
margin: 0em 0.5em;
color: $bar-menus-buttons-text
}
margin: 0.25em;
}
}
}
treeview header button{
treeview header button {
padding: 0.25em;
border: .15em solid $bar-menus-border-color;
}