Scale indicator fix and trough outline

This will return the small indicator marks seen in some scales.
This will also return the dotted outline when a scale is focused. There was a comment about it being ugly, so we'll see!
This commit is contained in:
EMH-Mark-I 2020-04-09 07:54:41 -05:00
parent 5cbe864a5c
commit 5b19639e5b
2 changed files with 36 additions and 22 deletions

View File

@ -47,6 +47,11 @@ scale slider:active {
scale.vertical {
margin: 3px;
padding: 1px 7px 1px 7px; }
scale.vertical indicator {
padding-left: 10px;
padding-right: 10px;
min-height: 1px;
min-width: 3px; }
scale.vertical slider {
min-width: 1px;
min-height: 10px;
@ -59,6 +64,10 @@ scale.vertical {
scale.horizontal {
margin: 3px;
padding: 9px 1px 9px 1px; }
scale.horizontal indicator {
padding-top: 10px;
min-height: 3px;
min-width: 1px; }
scale.horizontal slider {
min-width: 10px;
min-height: 1px;
@ -77,23 +86,20 @@ scale trough {
outline-offset: -8px;
border-image-slice: 1 1 1 1;
border-image-repeat: repeat; }
scale:focus trough {
outline-offset: 8px; }
scale highlight,
scale empty {
min-width: 1px;
min-height: 1px;
background-color: transparent; }
/* there might be other cases where the inside is filled by other widgets */
scale.color contents trough {
min-height: 8px;
min-width: 8px; }
/* outline inside the trough node is terrible, this disables it but can't put it in the slider...
scale *:focus {
outline: 0px; } */
scale:focus trough {
outline-offset: 2px; }
scale value {
padding: 4px }
/* there might be other cases where the inside is filled by other widgets */
scale.color contents trough {
min-height: 8px;
min-width: 8px; }
scale value {
padding: 4px }
treeview.view.progressbar {
border: none;
@ -127,3 +133,4 @@ treeview.view.trough {
background-color: @bg_bright;
border-radius: 0px; }

View File

@ -47,6 +47,11 @@ scale slider:active {
scale.vertical {
margin: 3px;
padding: 1px 7px 1px 7px; }
scale.vertical indicator {
padding-left: 10px;
padding-right: 10px;
min-height: 1px;
min-width: 3px; }
scale.vertical slider {
min-width: 1px;
min-height: 10px;
@ -59,6 +64,10 @@ scale.vertical {
scale.horizontal {
margin: 3px;
padding: 9px 1px 9px 1px; }
scale.horizontal indicator {
padding-top: 10px;
min-height: 3px;
min-width: 1px; }
scale.horizontal slider {
min-width: 10px;
min-height: 1px;
@ -77,23 +86,20 @@ scale trough {
outline-offset: -8px;
border-image-slice: 1 1 1 1;
border-image-repeat: repeat; }
scale:focus trough {
outline-offset: 8px; }
scale highlight,
scale empty {
min-width: 1px;
min-height: 1px;
background-color: transparent; }
/* there might be other cases where the inside is filled by other widgets */
scale.color contents trough {
min-height: 8px;
min-width: 8px; }
/* outline inside the trough node is terrible, this disables it but can't put it in the slider...
scale *:focus {
outline: 0px; } */
scale:focus trough {
outline-offset: 2px; }
scale value {
padding: 4px }
/* there might be other cases where the inside is filled by other widgets */
scale.color contents trough {
min-height: 8px;
min-width: 8px; }
scale value {
padding: 4px }
treeview.view.progressbar {
border: none;
@ -127,3 +133,4 @@ treeview.view.trough {
background-color: @bg_bright;
border-radius: 0px; }