github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-28 02:28:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Override active color on drawer detail

Browse Source
This commit is contained in:
rijkvanzanten
2020-06-11 13:45:37 -04:00
parent ff4a6856cf
commit 82ad2959ba
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/settings/routes/presets/detail/detail.vue
View File

@@ -524,6 +524,8 @@ export default defineComponent({
.layout-drawer {
--drawer-detail-icon-color: var(--warning);
--drawer-detail-color: var(--warning);
--drawer-detail-color-active: var(--warning);
}
.subdued {

10
src/views/private/components/drawer-detail/drawer-detail.vue
View File

@@ -59,6 +59,8 @@ export default defineComponent({
<style>
body {
--drawer-detail-icon-color: var(--foreground-normal);
--drawer-detail-color: var(--foreground-normal);
--drawer-detail-color-active: var(--primary);
}
</style>
@@ -75,7 +77,7 @@ body {
flex-shrink: 0;
width: 100%;
height: 64px;
color: var(--foreground-normal);
color: var(--drawer-detail-color);
background-color: var(--background-normal-alt);
.icon {
@@ -103,15 +105,15 @@ body {
pointer-events: none;
&:hover {
color: var(--primary);
color: var(--drawer-detail-color-active);
}
}
&.open,
&:hover {
color: var(--primary);
color: var(--drawer-detail-color-active);
.icon {
--v-icon-color: var(--primary);
--v-icon-color: var(--drawer-detail-color-active);
}
}
}