From 1b328391c6dcf3b31fee8db35b09d9d5bcbb7cb6 Mon Sep 17 00:00:00 2001 From: REJack Date: Thu, 24 Sep 2020 10:57:36 +0200 Subject: [PATCH] add kanban style --- build/scss/pages/_kanban.scss | 56 +++++++++++++++++++++++++++++++++++ build/scss/parts/_pages.scss | 1 + 2 files changed, 57 insertions(+) create mode 100644 build/scss/pages/_kanban.scss diff --git a/build/scss/pages/_kanban.scss b/build/scss/pages/_kanban.scss new file mode 100644 index 000000000..2dee1b05d --- /dev/null +++ b/build/scss/pages/_kanban.scss @@ -0,0 +1,56 @@ +.content-wrapper.kanban { + height: 1px; + + .content { + height: 100%; + overflow-x: auto; + overflow-y: hidden; + + .container, + .container-fluid { + width: max-content; + display: flex; + align-items: stretch; + } + } + .content-header + .content { + height: calc(100% - ((2 * 15px) + (1.8rem * #{$headings-line-height}))); + } + + .card { + .card-body { + padding: .5rem; + } + + &.card-row { + width: 340px; + display: inline-block; + margin: 0 .5rem; + + &:first-child { + margin-left: 0; + } + + .card-body { + height: 100%; + overflow-y: auto; + } + + .card { + .card-header { + padding: .5rem .75rem; + } + .card-body { + padding: .75rem; + } + } + } + } + .btn-tool { + &.btn-link { + text-decoration: underline; + padding-left: 0; + padding-right: 0; + } + } +} diff --git a/build/scss/parts/_pages.scss b/build/scss/parts/_pages.scss index 7e6535895..383e49762 100644 --- a/build/scss/parts/_pages.scss +++ b/build/scss/parts/_pages.scss @@ -10,3 +10,4 @@ @import "../pages/profile"; @import "../pages/e-commerce"; @import "../pages/projects"; +@import "../pages/kanban";