diff --git a/sidepanel/sidepanel.css b/sidepanel/sidepanel.css index e0961aa..d366756 100644 --- a/sidepanel/sidepanel.css +++ b/sidepanel/sidepanel.css @@ -118,6 +118,30 @@ header { .header-left svg { color: var(--blue); } +.header-icon-link { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background: transparent; + color: inherit; + cursor: pointer; + flex-shrink: 0; + appearance: none; +} + +.header-icon-link:hover svg { + color: var(--text-primary); +} + +.header-icon-link:focus-visible, +.header-version-link:focus-visible { + outline: 2px solid color-mix(in srgb, var(--blue) 28%, transparent); + outline-offset: 2px; + border-radius: var(--radius-sm); +} + .header-version-block { min-width: 0; display: flex; @@ -144,6 +168,22 @@ header { text-overflow: ellipsis; } +.header-version-link { + display: block; + padding: 0; + border: none; + background: transparent; + font: inherit; + text-align: left; + cursor: pointer; + appearance: none; +} + +.header-version-link:hover { + text-decoration: underline; + text-underline-offset: 2px; +} + .header-version-title.is-version-label { color: var(--blue); } .header-version-title.is-update-available { color: var(--orange); } .header-version-title.is-check-failed { color: var(--text-primary); } diff --git a/sidepanel/sidepanel.html b/sidepanel/sidepanel.html index 3be2c00..4ea5003 100644 --- a/sidepanel/sidepanel.html +++ b/sidepanel/sidepanel.html @@ -16,13 +16,17 @@