Text toggle button hover animation and stricter targetting #4350
This commit is contained in:
@@ -325,14 +325,22 @@ scale:disabled trough {
|
||||
}
|
||||
|
||||
/* 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));
|
||||
}
|
||||
|
||||
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));
|
||||
}
|
||||
|
||||
button.text-button.toggle:hover:checked {
|
||||
background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
|
||||
}
|
||||
|
||||
separator {
|
||||
color: #363636;
|
||||
margin: 5px;
|
||||
|
@@ -507,10 +507,19 @@ GtkNotebook {
|
||||
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));
|
||||
}
|
||||
|
||||
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));
|
||||
}
|
||||
|
||||
GtkButton.text-button.toggle:hover:checked {
|
||||
background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
|
||||
}
|
||||
|
Reference in New Issue
Block a user