diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-12 17:26:08 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-12 17:26:08 +0200 |
| commit | ae345d2c458bd0952d9b85c2e03060b2d286d320 (patch) | |
| tree | cc0055345936b37b8431e4d2b9bded6f77714231 /src/components/nav_panel | |
| parent | 1c5f156af04b6df4cbce8fcf999d752e2500089c (diff) | |
buttons look great now, including unstyled ones menu items work too
Diffstat (limited to 'src/components/nav_panel')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 33547a41..51fa62ed 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -38,6 +38,7 @@ <div v-show="showTimelines" class="timelines-background" + :class="{ expanded: showTimelines }" > <div class="timelines"> <NavigationEntry @@ -57,12 +58,11 @@ > <router-link :title="$t('lists.manage_lists')" - class="extra-button" + class="button-unstyled extra-button" :to="{ name: 'lists' }" @click.stop > <FAIcon - class="extra-button" fixed-width icon="wrench" /> @@ -76,6 +76,7 @@ <div v-show="showLists" class="timelines-background" + :class="{ expanded: showTimelines }" > <ListsMenuContent :show-pin="editMode || forceEditMode" @@ -156,16 +157,11 @@ .timelines-background { padding: 0 0 0 0.6em; - background-color: $fallback--lightBg; - background-color: var(--selectedMenu, $fallback--lightBg); - border-bottom: 1px solid; - border-color: $fallback--border; - border-color: var(--border, $fallback--border); } - .timelines { - background-color: $fallback--bg; - background-color: var(--bg, $fallback--bg); + .timelines-background.expanded + .NavigationEntry { + border-top: 1px solid; + border-color: var(--border); } .nav-panel-heading { |