ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-30 18:24:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix: Focus & styling on safari (#3650)

Browse source
This commit is contained in:
Nelson Chan 2023-08-27 18:55:36 +08:00 committed by GitHub
parent c0e273df5b
commit 5f85d8f749
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/MonitorListFilterDropdown.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="dropdown" @focusin="open = true" @focusout="handleFocusOut"> <div tabindex="-1" class="dropdown" @focusin="open = true" @focusout="handleFocusOut">
<button type="button" class="filter-dropdown-status" :class="{ 'active': filterActive }" tabindex="0"> <button type="button" class="filter-dropdown-status" :class="{ 'active': filterActive }" tabindex="0">
<div class="px-1 d-flex align-items-center"> <div class="px-1 d-flex align-items-center">
<slot name="status"></slot> <slot name="status"></slot>
@ -107,6 +107,19 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 5px; margin-left: 5px;
color: $link-color;
.dark & {
color: $dark-font-color;
}
&:focus {
background-color: $highlight-white;
.dark & {
background-color: $dark-font-color2;
}
}
&.active { &.active {
border: 1px solid $highlight; border: 1px solid $highlight;