diff options
| author | Jan <sentrycraft123@gmail.com> | 2024-06-18 23:07:39 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-18 23:07:39 +0200 |
| commit | 8991b7ade7174376ee007dbff7797cc7e65cec02 (patch) | |
| tree | 3979626ebe9b0745bb9a9524e45a0ee3428b5dac /src-vue/src/App.vue | |
| parent | 60d9a9b6cb5e25201f3875b795710d285e039632 (diff) | |
| download | FlightCore-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/src/App.vue')
| -rw-r--r-- | src-vue/src/App.vue | 10 |
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; } |