golem15/summercms
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: give long plugin labels more room

Browse Source
This commit is contained in:
Jakub Zych
2026-10-07 00:07:49 +02:00
parent 6d2e3ba8bb
commit 840af3e922
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
admin/src/components/shell/PluginRail.vue
View File

@@ -158,7 +158,7 @@ onBeforeUnmount(cancelClose)
:aria-expanded="collapsed ? (openCode === item.entry.code ? 'true' : 'false') : undefined" :aria-expanded="collapsed ? (openCode === item.entry.code ? 'true' : 'false') : undefined"
:aria-controls="collapsed && openCode === item.entry.code ? flyoutId(item.entry.code) : undefined" :aria-controls="collapsed && openCode === item.entry.code ? flyoutId(item.entry.code) : undefined"
:class="item.current ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'" :class="item.current ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
class="flex w-[68px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out" class="flex w-[84px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
@mouseenter="openFlyout(item.entry.code)" @mouseenter="openFlyout(item.entry.code)"
@mouseleave="scheduleClose" @mouseleave="scheduleClose"
@focus="onItemFocus(item.entry.code)" @focus="onItemFocus(item.entry.code)"
@@ -166,7 +166,7 @@ onBeforeUnmount(cancelClose)
@keydown="onItemKeydown($event, item.entry.code)" @keydown="onItemKeydown($event, item.entry.code)"
> >
<component :is="item.icon" :size="20" aria-hidden="true" /> <component :is="item.icon" :size="20" aria-hidden="true" />
<span>{{ item.entry.label }}</span> <span class="max-w-full [overflow-wrap:anywhere]">{{ item.entry.label }}</span>
</RouterLink> </RouterLink>
<SectionFlyout <SectionFlyout
v-if="collapsed && openEntry" v-if="collapsed && openEntry"
@@ -199,10 +199,10 @@ onBeforeUnmount(cancelClose)
data-rail-settings data-rail-settings
:aria-current="inSettings ? 'page' : undefined" :aria-current="inSettings ? 'page' : undefined"
:class="inSettings ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'" :class="inSettings ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
class="flex w-[68px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out" class="flex w-[84px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
> >
<Settings :size="20" aria-hidden="true" /> <Settings :size="20" aria-hidden="true" />
<span>{{ t('backend::lang.nav.settings') }}</span> <span class="max-w-full [overflow-wrap:anywhere]">{{ t('backend::lang.nav.settings') }}</span>
</RouterLink> </RouterLink>
</nav> </nav>
</template> </template>

2
admin/src/styles/main.css
View File

@@ -69,7 +69,7 @@
--spacing-row: 54px; --spacing-row: 54px;
--spacing-row-head: 44px; --spacing-row-head: 44px;
--spacing-pager: 34px; --spacing-pager: 34px;
--spacing-rail: 80px; --spacing-rail: 96px;
--spacing-panel: 224px; --spacing-panel: 224px;
--shadow-card: var(--c-shadow-card); --shadow-card: var(--c-shadow-card);