diff --git a/src/menus/StandardMenu.vue b/src/menus/StandardMenu.vue index 24bf365..5e817ee 100644 --- a/src/menus/StandardMenu.vue +++ b/src/menus/StandardMenu.vue @@ -62,7 +62,7 @@ along with this program. If not, see . . :aria-current="app.active ? 'page' : false" :href="app.href" :style="makeStyle(app)" - class="app-menu-popover-entry" + class="cm-standardmenu-app-menu-popover-entry app-menu-popover-entry" > . */ -$header-icon-size: 20px; #header { .cm-opener { @@ -23,6 +22,10 @@ $header-icon-size: 20px; } } +.app-menu { + visibility: hidden; +} + .cm { position: fixed; top: 0; @@ -282,13 +285,13 @@ $header-icon-size: 20px; } } } +} - &.cm--standardmenu { - visibility: hidden; +.cm-standardmenu { + visibility: hidden; - &.show { - visibility: visible; - } + &.show { + visibility: visible; } } @@ -400,6 +403,8 @@ $header-icon-size: 20px; } } +$header-icon-size: 20px; + .cm-standardmenu { width: 100%; display: flex; @@ -539,7 +544,7 @@ $header-icon-size: 20px; .app-menu-more .button-vue--vue-tertiary { opacity: 0.7; - margin: 3px; + margin: 8px 3px 3px 3px; filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright)); &:not([aria-expanded='true']) { @@ -557,11 +562,11 @@ $header-icon-size: 20px; } } - .app-menu-popover-entry { + &-app-menu-popover-entry { .app-icon { position: relative; - height: 44px; - width: 48px; + height: 35px; + width: 40px; display: flex; align-items: center; justify-content: center;