AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: add a transition to the scale slider

Browse Source
This commit is contained in:
Lapo Calamandrei 2016-03-21 00:46:44 +01:00
parent eacd632e5e
commit 44e225e50b
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gtk/theme/Adwaita/_common.scss
View File

@ -2826,6 +2826,7 @@ scale {
border: 1px solid darken($borders_color, 3%); border: 1px solid darken($borders_color, 3%);
border-radius: 100%; border-radius: 100%;
transition: $button_transition;
&:hover { @include button(hover-alt, $edge: $shadow_color); } &:hover { @include button(hover-alt, $edge: $shadow_color); }
@ -2834,7 +2835,10 @@ scale {
&:disabled { @include button (insensitive); } &:disabled { @include button (insensitive); }
&:backdrop { &:backdrop {
transition: $backdrop_transition;
@include button(backdrop); @include button(backdrop);
&:disabled { @include button(backdrop-insensitive); } &:disabled { @include button(backdrop-insensitive); }
} }

4
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -2831,7 +2831,8 @@ scale {
background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #151717; border: 1px solid #151717;
border-radius: 100%; } border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale slider:hover { scale slider:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -2849,6 +2850,7 @@ scale {
scale slider:disabled label, scale slider:disabled { scale slider:disabled label, scale slider:disabled {
color: #949796; } color: #949796; }
scale slider:backdrop { scale slider:backdrop {
transition: 200ms ease-out;
border-color: #1f2222; border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f); background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none; text-shadow: none;

4
gtk/theme/Adwaita/gtk-contained.css
View File

@ -2859,7 +2859,8 @@ scale {
background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #969691; border: 1px solid #969691;
border-radius: 100%; } border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale slider:hover { scale slider:hover {
color: #2e3436; color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); outline-color: rgba(46, 52, 54, 0.3);
@ -2877,6 +2878,7 @@ scale {
scale slider:disabled label, scale slider:disabled { scale slider:disabled label, scale slider:disabled {
color: #8b8e8f; } color: #8b8e8f; }
scale slider:backdrop { scale slider:backdrop {
transition: 200ms ease-out;
border-color: #a5a5a1; border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7); background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none; text-shadow: none;