* Fixed #457 and implement spinbutton and entry osd style.

This commit is contained in:
Megax
2016-08-31 11:51:50 +02:00
parent 6cb9d03b04
commit 644e633a16
3 changed files with 68 additions and 3 deletions
+2 -2
View File
@@ -118,7 +118,7 @@
selection { &:focus, & { @extend %selected_items; } }
}
@mixin entry($bg, $fg) {
@mixin entry($bg, $fg, $border: $borders_color) {
@extend %entry;
@include linear-gradient($bg, to top);
@include border($bg);
@@ -128,7 +128,7 @@
color: $fg;
caret-color: $fg;
&:focus, &:active { border-color: border_focus($borders_color); }
&:focus, &:active { border-color: border_focus($border); }
&:disabled {
@include linear-gradient(shade($bg, .9), to top);
+62 -1
View File
@@ -9,6 +9,9 @@
overlay.osd { background-color: transparent; }
.osd {
background-color: $osd_bg;
color: $osd_fg;
&.background {
background-color: alpha($osd_bg, .8);
color: $osd_fg;
@@ -19,7 +22,7 @@
background-origin: border-box;
}
button { @include button($osd_bg, $osd_fg); }
entry { @include entry($osd_base, $osd_text_color, $osd_borders_color); }
toolbar {
@@ -104,5 +107,63 @@
/* when there's no pixbuf yet */
background-color: $osd_bg;
}
spinbutton {
// OSD horizontal
&:not(.vertical) {
@include linear-gradient($osd_base, to top);
@include border($osd_base);
padding: 0;
color: $osd_text_color;
caret-color: $osd_text_color;
&:focus, &:active { border-color: border_focus($osd_borders_color); }
&:disabled {
@include linear-gradient(shade($osd_base, .9), to top);
color: mix($osd_base, $osd_text_color, .5);
}
button {
@include button($osd_bg, $osd_fg);
border-radius: 0;
border-color: transparentize($osd_borders_color, .3);
border-style: none none none solid;
background-image: none;
box-shadow: none;
&:dir(rtl) { border-style: none solid none none; }
&:active, &:checked, &:hover { color: $osd_text_color; }
&:disabled { color: alpha($osd_insensitive_fg_color, .8); }
&:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); }
&:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); }
&:backdrop:disabled {
color: alpha($backdrop_insensitive_color, .8);
border-style: none none none solid; // It is needed or it gets overridden
&:dir(rtl) { border-style: none solid none none; }
}
&:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; }
&:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; }
}
}
// OSD vertical
&.vertical button:first-child {
@include button($osd_bg, $osd_fg);
}
}
}
}