diff --git a/lib/Styles/Gtk/Button.scss b/lib/Styles/Gtk/Button.scss index de8d76465..0a066c28c 100644 --- a/lib/Styles/Gtk/Button.scss +++ b/lib/Styles/Gtk/Button.scss @@ -36,6 +36,28 @@ button { } } + &.text-button.link label { + background-repeat: no-repeat; + background-size: rem(16px); + + &:hover { + // FIXME: might be a GTK bug to need `double` for underline to show + text-decoration: underline; + } + + &:dir(ltr) { + background-image: -gtk-icontheme('adw-external-link-symbolic'); + padding-right: calc(#{rem(6px)} + #{rem(16px)}); + background-position: right calc(50% + 0.5px); + } + + &:dir(rtl) { + background-image: -gtk-icontheme('adw-external-link-symbolic-rtl'); + padding-left: calc(#{rem(6px)} + #{rem(16px)}); + background-position: left calc(50% + 0.5px); + } + } + &.circular { // Not 50% because that creates a squished ellipse for non-squares widgets border-radius: 9999px;