ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix control bar toggle

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-10-13 13:03:47 +02:00
parent 1ac4a696d0
commit ab9549102d
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Controls.vue
View File

@@ -22,17 +22,17 @@
<template> <template>
<div class="controls"> <div class="controls">
<div id="app-navigation-toggle-custom" class="icon-menu" @click="toggleNav" /> <div v-if="overviewName" class="board-title">
<div v-if="board" class="board-title"> <div class="board-bullet icon-calendar-dark" />
<h2>{{ overviewName }}</h2>
</div>
<div v-else-if="board" class="board-title">
<div :style="{backgroundColor: '#' + board.color}" class="board-bullet" /> <div :style="{backgroundColor: '#' + board.color}" class="board-bullet" />
<h2><a href="#">{{ board.title }}</a></h2> <h2>{{ board.title }}</h2>
<p v-if="showArchived"> <p v-if="showArchived">
({{ t('deck', 'Archived cards') }}) ({{ t('deck', 'Archived cards') }})
</p> </p>
</div> </div>
<div v-if="overviewName" class="board-title">
<h2><a href="#">{{ overviewName }}</a></h2>
</div>
<div v-if="board" class="board-actions"> <div v-if="board" class="board-actions">
<div v-if="canManage && !showArchived && !board.archived" <div v-if="canManage && !showArchived && !board.archived"
id="stack-add" id="stack-add"
@@ -321,6 +321,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.controls { .controls {
display: flex; display: flex;
padding: 3px;
height: 44px;
padding-left: 44px;
.board-title { .board-title {
display: flex; display: flex;
@@ -337,7 +340,7 @@ export default {
height: 20px; height: 20px;
border: none; border: none;
border-radius: 50%; border-radius: 50%;
background-color: #aaa; background-color: transparent;
margin: 12px; margin: 12px;
margin-left: -4px; margin-left: -4px;
} }