forked from AuroraMiddleware/gtk
Adwaita: Fix link styling
- Fix broken visited link styling by avoiding invalid selector
`🔗visited` - CSS :link and :visited are mutually exclusive.
- In link button, move %link from the child label to the parent button,
so that the hover/active effect is applied within the whole button and
the visited style is applied correctly.
- Remove invalid selectors `:backdrop:backdrop`.
This commit is contained in:
parent
2cd152c2ed
commit
47bfa49118
@ -1048,8 +1048,7 @@ list > row button.image-button:not(.flat) {
|
||||
*********/
|
||||
|
||||
%link,
|
||||
button:link,
|
||||
link:link {
|
||||
link {
|
||||
color: $link_color;
|
||||
text-decoration: underline;
|
||||
|
||||
@ -1074,19 +1073,17 @@ link:link {
|
||||
|
||||
&:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); }
|
||||
|
||||
&:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }}
|
||||
&:backdrop { color: transparentize($link_color, 0.1); }
|
||||
|
||||
@at-root %link_selected,
|
||||
&:selected,
|
||||
*:selected & { color: mix($selected_fg_color, $link_color, 80%); }
|
||||
}
|
||||
|
||||
button:link,
|
||||
button:visited {
|
||||
@extend %undecorated_button;
|
||||
|
||||
text-shadow: none;
|
||||
button.link {
|
||||
@extend %link;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:active,
|
||||
&:checked {
|
||||
@ -1096,7 +1093,7 @@ button:visited {
|
||||
}
|
||||
|
||||
> label {
|
||||
@extend %link;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user