mirror of
https://github.com/grassmunk/Chicago95.git
synced 2025-07-26 23:24:29 +02:00
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:
parent
5cbe864a5c
commit
5b19639e5b
@ -47,6 +47,11 @@ scale slider:active {
|
|||||||
scale.vertical {
|
scale.vertical {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding: 1px 7px 1px 7px; }
|
padding: 1px 7px 1px 7px; }
|
||||||
|
scale.vertical indicator {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
min-height: 1px;
|
||||||
|
min-width: 3px; }
|
||||||
scale.vertical slider {
|
scale.vertical slider {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
min-height: 10px;
|
min-height: 10px;
|
||||||
@ -59,6 +64,10 @@ scale.vertical {
|
|||||||
scale.horizontal {
|
scale.horizontal {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding: 9px 1px 9px 1px; }
|
padding: 9px 1px 9px 1px; }
|
||||||
|
scale.horizontal indicator {
|
||||||
|
padding-top: 10px;
|
||||||
|
min-height: 3px;
|
||||||
|
min-width: 1px; }
|
||||||
scale.horizontal slider {
|
scale.horizontal slider {
|
||||||
min-width: 10px;
|
min-width: 10px;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
@ -77,6 +86,8 @@ scale trough {
|
|||||||
outline-offset: -8px;
|
outline-offset: -8px;
|
||||||
border-image-slice: 1 1 1 1;
|
border-image-slice: 1 1 1 1;
|
||||||
border-image-repeat: repeat; }
|
border-image-repeat: repeat; }
|
||||||
|
scale:focus trough {
|
||||||
|
outline-offset: 8px; }
|
||||||
scale highlight,
|
scale highlight,
|
||||||
scale empty {
|
scale empty {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
@ -87,11 +98,6 @@ scale empty {
|
|||||||
scale.color contents trough {
|
scale.color contents trough {
|
||||||
min-height: 8px;
|
min-height: 8px;
|
||||||
min-width: 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 {
|
scale value {
|
||||||
padding: 4px }
|
padding: 4px }
|
||||||
|
|
||||||
@ -127,3 +133,4 @@ treeview.view.trough {
|
|||||||
background-color: @bg_bright;
|
background-color: @bg_bright;
|
||||||
border-radius: 0px; }
|
border-radius: 0px; }
|
||||||
|
|
||||||
|
|
||||||
|
@ -47,6 +47,11 @@ scale slider:active {
|
|||||||
scale.vertical {
|
scale.vertical {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding: 1px 7px 1px 7px; }
|
padding: 1px 7px 1px 7px; }
|
||||||
|
scale.vertical indicator {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
min-height: 1px;
|
||||||
|
min-width: 3px; }
|
||||||
scale.vertical slider {
|
scale.vertical slider {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
min-height: 10px;
|
min-height: 10px;
|
||||||
@ -59,6 +64,10 @@ scale.vertical {
|
|||||||
scale.horizontal {
|
scale.horizontal {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding: 9px 1px 9px 1px; }
|
padding: 9px 1px 9px 1px; }
|
||||||
|
scale.horizontal indicator {
|
||||||
|
padding-top: 10px;
|
||||||
|
min-height: 3px;
|
||||||
|
min-width: 1px; }
|
||||||
scale.horizontal slider {
|
scale.horizontal slider {
|
||||||
min-width: 10px;
|
min-width: 10px;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
@ -77,6 +86,8 @@ scale trough {
|
|||||||
outline-offset: -8px;
|
outline-offset: -8px;
|
||||||
border-image-slice: 1 1 1 1;
|
border-image-slice: 1 1 1 1;
|
||||||
border-image-repeat: repeat; }
|
border-image-repeat: repeat; }
|
||||||
|
scale:focus trough {
|
||||||
|
outline-offset: 8px; }
|
||||||
scale highlight,
|
scale highlight,
|
||||||
scale empty {
|
scale empty {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
@ -87,11 +98,6 @@ scale empty {
|
|||||||
scale.color contents trough {
|
scale.color contents trough {
|
||||||
min-height: 8px;
|
min-height: 8px;
|
||||||
min-width: 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 {
|
scale value {
|
||||||
padding: 4px }
|
padding: 4px }
|
||||||
|
|
||||||
@ -127,3 +133,4 @@ treeview.view.trough {
|
|||||||
background-color: @bg_bright;
|
background-color: @bg_bright;
|
||||||
border-radius: 0px; }
|
border-radius: 0px; }
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user