diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue index 64019b440..f3c118433 100644 --- a/src/components/board/Board.vue +++ b/src/components/board/Board.vue @@ -158,7 +158,7 @@ export default { }, isEmpty(newValue) { newValue && this.$nextTick(() => { - this.$refs?.newStackInput.focus() + this.$refs?.newStackInput?.focus() }) }, }, diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue index 41fd9dea8..d47ff086f 100644 --- a/src/components/card/CardSidebar.vue +++ b/src/components/card/CardSidebar.vue @@ -162,7 +162,9 @@ export default { }, methods: { focusHeader() { - this.$refs.cardSidebar.$el.querySelector('.app-sidebar-header__mainname').focus() + this.$nextTick(() => { + this.$refs?.cardSidebar.$el.querySelector('.app-sidebar-header__mainname')?.focus() + }) }, handleUpdateTitleEditable(value) { this.titleEditable = value @@ -224,6 +226,7 @@ section.app-sidebar__tab--active { left: 0; right: 0; max-width: calc(100% - #{$modal-padding * 2}); + min-height: calc(100vh - var(--header-height) * 4); padding: 0 14px; height: 97%; overflow: hidden !important; diff --git a/src/components/cards/CardCover.vue b/src/components/cards/CardCover.vue index ca46ed3cf..f7d2a76d2 100644 --- a/src/components/cards/CardCover.vue +++ b/src/components/cards/CardCover.vue @@ -66,11 +66,11 @@ export default { @import '../../css/variables'; .card-cover { - height: 100px; + height: 90px; display: flex; - margin-top: -6px; - margin-left: -6px; - margin-right: -6px; + margin-top: -4px; + margin-left: -4px; + margin-right: -4px; .image-wrapper { flex: 1; @@ -79,10 +79,10 @@ export default { background-repeat: no-repeat; background-position: center center; &.rounded-left { - border-top-left-radius: var(--border-radius-large); + border-top-left-radius: calc(var(--border-radius-large) - 1px); } &.rounded-right { - border-top-right-radius: var(--border-radius-large); + border-top-right-radius: calc(var(--border-radius-large) - 1px); } } }