github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-11 19:15:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor bookmark query navigation (#6170)

Browse Source 
* Revert back to using query params for bookmarks

Aka "this hurts so much"

* Fix collection navigation active state

* Add active and query props to v-button

Also unify active and activated state.

* Remove not needed exact prop from collections navigation
This commit is contained in:
Nicola Krumschmidt
2021-06-10 21:11:01 +02:00
committed by GitHub
parent 976baa7206
commit f55a2072e1
19 changed files with 142 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/views/private/components/header-bar/readme.md
View File

@@ -9,7 +9,7 @@ providing enough consistency between views.
```html
<header-bar title="Global Settings">
<template #actions>
<v-button to="/collections/settings/-/+">
<v-button to="/collections/settings/+">
<v-icon name="add" />
</v-button>
</template>

6
app/src/views/private/components/module-bar/module-bar.vue
View File

@@ -14,7 +14,7 @@
:style="
module.color
? {
'--v-button-color-activated': module.color,
'--v-button-color-active': module.color,
}
: null
"
@@ -116,10 +116,10 @@ body {
.v-button {
--v-button-color: var(--module-icon);
--v-button-color-hover: var(--white);
--v-button-color-activated: var(--module-icon-alt);
--v-button-color-active: var(--module-icon-alt);
--v-button-background-color: var(--module-background);
--v-button-background-color-hover: var(--module-background);
--v-button-background-color-activated: var(--module-background-alt);
--v-button-background-color-active: var(--module-background-alt);
}
}
</style>

2
app/src/views/public/public-view.vue
View File

@@ -248,7 +248,7 @@ export default defineComponent({
&.branded :deep(.v-button) {
--v-button-background-color: var(--foreground-normal-alt);
--v-button-background-color-hover: var(--foreground-normal-alt);
--v-button-background-color-activated: var(--foreground-normal-alt);
--v-button-background-color-active: var(--foreground-normal-alt);
}
&.branded :deep(.v-input) {