Add legacy popover focus outline

Signed-off-by: Julius Härtl <jus@bitgrid.net>
pull/33287/head
Julius Härtl 3 years ago
parent f24ce9b530
commit e165564607
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
  1. 19
      core/css/apps.css
  2. 2
      core/css/apps.css.map
  3. 4
      core/css/apps.scss
  4. 19
      core/css/server.css
  5. 2
      core/css/server.css.map

@ -1135,6 +1135,25 @@ kbd {
.popovermenu li > .menuitem:focus {
background-color: var(--color-background-hover);
}
.bubble li > button:focus, .bubble li > button:focus-visible,
.bubble li > a:focus,
.bubble li > a:focus-visible,
.bubble li > .menuitem:focus,
.bubble li > .menuitem:focus-visible,
.app-navigation-entry-menu li > button:focus,
.app-navigation-entry-menu li > button:focus-visible,
.app-navigation-entry-menu li > a:focus,
.app-navigation-entry-menu li > a:focus-visible,
.app-navigation-entry-menu li > .menuitem:focus,
.app-navigation-entry-menu li > .menuitem:focus-visible,
.popovermenu li > button:focus,
.popovermenu li > button:focus-visible,
.popovermenu li > a:focus,
.popovermenu li > a:focus-visible,
.popovermenu li > .menuitem:focus,
.popovermenu li > .menuitem:focus-visible {
box-shadow: 0 0 0 2px var(--color-primary-element);
}
.bubble li > button.active,
.bubble li > a.active,
.bubble li > .menuitem.active,

File diff suppressed because one or more lines are too long

@ -1029,6 +1029,10 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2);
&:focus {
background-color: var(--color-background-hover);
}
&:focus,
&:focus-visible {
box-shadow: 0 0 0 2px var(--color-primary-element);
}
&.active {
background-color: var(--color-primary-light);
}

@ -4262,6 +4262,25 @@ kbd {
.popovermenu li > .menuitem:focus {
background-color: var(--color-background-hover);
}
.bubble li > button:focus, .bubble li > button:focus-visible,
.bubble li > a:focus,
.bubble li > a:focus-visible,
.bubble li > .menuitem:focus,
.bubble li > .menuitem:focus-visible,
.app-navigation-entry-menu li > button:focus,
.app-navigation-entry-menu li > button:focus-visible,
.app-navigation-entry-menu li > a:focus,
.app-navigation-entry-menu li > a:focus-visible,
.app-navigation-entry-menu li > .menuitem:focus,
.app-navigation-entry-menu li > .menuitem:focus-visible,
.popovermenu li > button:focus,
.popovermenu li > button:focus-visible,
.popovermenu li > a:focus,
.popovermenu li > a:focus-visible,
.popovermenu li > .menuitem:focus,
.popovermenu li > .menuitem:focus-visible {
box-shadow: 0 0 0 2px var(--color-primary-element);
}
.bubble li > button.active,
.bubble li > a.active,
.bubble li > .menuitem.active,

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save