Text toggle button hover animation and stricter targetting #4350

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

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. */
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;

View File

@@ -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));
}