aboutsummaryrefslogtreecommitdiff
path: root/src-vue
diff options
context:
space:
mode:
authorJan <sentrycraft123@gmail.com>2024-06-18 23:07:39 +0200
committerGitHub <noreply@github.com>2024-06-18 23:07:39 +0200
commit8991b7ade7174376ee007dbff7797cc7e65cec02 (patch)
tree3979626ebe9b0745bb9a9524e45a0ee3428b5dac /src-vue
parent60d9a9b6cb5e25201f3875b795710d285e039632 (diff)
downloadFlightCore-8991b7ade7174376ee007dbff7797cc7e65cec02.tar.gz
FlightCore-8991b7ade7174376ee007dbff7797cc7e65cec02.zip
fix: Use border when focusing menu items (#950)
Element Plus implements the menu using lists which do not render outlines
Diffstat (limited to 'src-vue')
-rw-r--r--src-vue/src/App.vue10
1 files changed, 10 insertions, 0 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 1b7ee91b..162b0b34 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -137,6 +137,12 @@ export default {
font-weight: bold;
font-size: large;
background-color: transparent !important;
+
+ border-width: 2px !important;
+ border-style: solid !important;
+ border-color: transparent !important;
+ border-radius: 10px !important;
+ transition: none;
}
#fc__menu_items .el-menu-item:hover, #fc__menu_items .el-sub-menu__title {
@@ -144,6 +150,10 @@ export default {
background-color: transparent;
}
+#fc__menu_items .el-menu-item:focus-visible {
+ border-color: rgb(160, 207, 255) !important;
+}
+
#fc__menu_items .el-menu-item.is-active, #fc__menu_items .el-sub-menu.is-active > .el-sub-menu__title {
color: white !important;
}