liz/rawTherapee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Text toggle button hover animation and stricter targetting #4350

Browse Source
This commit is contained in:
Morgan Hardwood
2018-02-01 16:30:45 +01:00
parent 6567380f7d
commit bee52d7442
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
rtdata/themes/RawTherapee-GTK3-20_.css
View File

@@ -325,14 +325,22 @@ scale:disabled trough {
} }
/* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */ /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
button.text-button { button.text-button.toggle {
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
} }
button.text-button:checked { button.text-button.toggle:hover {
background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
}
button.text-button.toggle:checked {
background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4)); background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
} }
button.text-button.toggle:hover:checked {
background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
}
separator { separator {
color: #363636; color: #363636;
margin: 5px; margin: 5px;

13
rtdata/themes/RawTherapee-GTK3-_19.css
View File

@@ -507,10 +507,19 @@ GtkNotebook {
padding-right: 3px; padding-right: 3px;
} }
GtkButton.text-button { /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
GtkButton.text-button.toggle {
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
} }
GtkButton.text-button:checked { GtkButton.text-button.toggle:hover {
background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
}
GtkButton.text-button.toggle:checked {
background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4)); background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
} }
GtkButton.text-button.toggle:hover:checked {
background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
}