fix default menu 'more app'

This commit is contained in:
Simon Vieille
2025-04-15 20:37:42 +02:00
parent cbd8462333
commit f6b9d91e3f
2 changed files with 17 additions and 12 deletions
+2 -2
View File
@@ -62,7 +62,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
</li> </li>
</ul> </ul>
<NcActions <NcActions
class="app-menu-more" class="cm-standardmenu-app-menu-more app-menu-more"
:aria-label="t('core', 'More apps')" :aria-label="t('core', 'More apps')"
> >
<NcActionLink <NcActionLink
@@ -72,7 +72,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
:aria-current="app.active ? 'page' : false" :aria-current="app.active ? 'page' : false"
:href="app.href" :href="app.href"
:style="makeStyle(app)" :style="makeStyle(app)"
class="app-menu-popover-entry" class="cm-standardmenu-app-menu-popover-entry app-menu-popover-entry"
> >
<template #icon> <template #icon>
<div <div
+15 -10
View File
@@ -14,7 +14,6 @@
* You should have received a copy of the GNU Affero General Public License * You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
*/ */
$header-icon-size: 20px;
#header { #header {
.cm-opener { .cm-opener {
@@ -23,6 +22,10 @@ $header-icon-size: 20px;
} }
} }
.app-menu {
visibility: hidden;
}
.cm { .cm {
position: fixed; position: fixed;
top: 0; top: 0;
@@ -282,13 +285,13 @@ $header-icon-size: 20px;
} }
} }
} }
}
&.cm--standardmenu { .cm-standardmenu {
visibility: hidden; visibility: hidden;
&.show { &.show {
visibility: visible; visibility: visible;
}
} }
} }
@@ -400,6 +403,8 @@ $header-icon-size: 20px;
} }
} }
$header-icon-size: 20px;
.cm-standardmenu { .cm-standardmenu {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -539,7 +544,7 @@ $header-icon-size: 20px;
.app-menu-more .button-vue--vue-tertiary { .app-menu-more .button-vue--vue-tertiary {
opacity: 0.7; opacity: 0.7;
margin: 3px; margin: 8px 3px 3px 3px;
filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright)); filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
&:not([aria-expanded='true']) { &:not([aria-expanded='true']) {
@@ -557,11 +562,11 @@ $header-icon-size: 20px;
} }
} }
.app-menu-popover-entry { &-app-menu-popover-entry {
.app-icon { .app-icon {
position: relative; position: relative;
height: 44px; height: 35px;
width: 48px; width: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;