Make ActionBar buttons less gray

This commit is contained in:
Johannes Zellner
2026-01-14 12:29:31 +01:00
parent ac539d1f90
commit 69fd7e0b7d
+14 -2
View File
@@ -28,8 +28,8 @@ function onMenu(event) {
<div class="action-bar" :class="{ 'is-menu-open': isMenuOpen }">
<Menu ref="menuElement" :model="actions" @close="isMenuOpen = false" />
<ButtonGroup class="quick-action-group">
<Button tool secondary v-for="quickAction in quickActions" :key="quickAction" :icon="quickAction.icon" @click="quickAction.action()" :href="quickAction.href || null" :target="quickAction.target || null" v-tooltip.top="quickAction.label"/>
<Button tool secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0 && actions.length !== quickActions.length"/>
<Button tool v-for="quickAction in quickActions" :key="quickAction" :icon="quickAction.icon" @click="quickAction.action()" :href="quickAction.href || null" :target="quickAction.target || null" v-tooltip.top="quickAction.label"/>
<Button tool @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0 && actions.length !== quickActions.length"/>
</ButtonGroup>
<Button tool :plain="isMenuOpen ? null : true" secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0 && actions.length !== quickActions.length" class="menu-action" />
</div>
@@ -53,6 +53,18 @@ function onMenu(event) {
display: block;
}
.action-bar .quick-action-group .pankow-button {
background: white;
color: var(--pankow-color-text);
}
@media (prefers-color-scheme: dark) {
.action-bar .quick-action-group .pankow-button {
background: var(--pankow-color-background);
color: var(--pankow-color-text);
}
}
@media (hover: hover) {
tr:hover .menu-action {
display: none;