CSS, comparison

Signed-off-by: Jakob <jakob.roehrl@web.de>
This commit is contained in:
Jakob
2019-08-29 14:36:00 +02:00
parent d08bd23578
commit 1d8b4cd33d
2 changed files with 10 additions and 9 deletions

View File

@@ -26,19 +26,19 @@
:title="board.title" :title="board.title"
@close="closeSidebar"> @close="closeSidebar">
<AppSidebarTab name="Sharing" icon="icon-shared"> <AppSidebarTab :order="0" name="Sharing" icon="icon-shared">
<SharingTabSidebard :board="board" /> <SharingTabSidebard :board="board" />
</AppSidebarTab> </AppSidebarTab>
<AppSidebarTab name="Tags" icon="icon-tag"> <AppSidebarTab :order="1" name="Tags" icon="icon-tag">
<TagsTabSidebard :board="board" /> <TagsTabSidebard :board="board" />
</AppSidebarTab> </AppSidebarTab>
<AppSidebarTab name="Deleted items" icon="icon-delete"> <AppSidebarTab :order="2" name="Deleted items" icon="icon-delete">
<DeletedTabSidebar :board="board" /> <DeletedTabSidebar :board="board" />
</AppSidebarTab> </AppSidebarTab>
<AppSidebarTab name="Timeline" icon="icon-activity"> <AppSidebarTab :order="3" name="Timeline" icon="icon-activity">
<TimelineTabSidebard :board="board" /> <TimelineTabSidebard :board="board" />
</AppSidebarTab> </AppSidebarTab>

View File

@@ -100,7 +100,8 @@ export default {
} }
}, },
currentCard() { currentCard() {
return this.$route.params.cardId === this.id console.log(this.$route.params)
return this.$route.params.cardId == this.id
} }
}, },
methods: { methods: {
@@ -151,10 +152,6 @@ export default {
opacity: 0; opacity: 0;
} }
.current-card {
box-shadow: 0 0 3px 0 grey !important;
}
.card { .card {
box-shadow: 0 0 3px 0 var(--color-box-shadow); box-shadow: 0 0 3px 0 var(--color-box-shadow);
border-radius: 3px; border-radius: 3px;
@@ -209,6 +206,10 @@ export default {
height: 44px; height: 44px;
} }
} }
&.current-card {
box-shadow: 0 0 6px 0 var(--color-box-shadow);
}
} }
.compact { .compact {