diff options
author | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-24 12:09:23 +0100 |
---|---|---|
committer | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-24 20:50:42 +0100 |
commit | dd88eb4cc191a06f7eb84213b026dfb93546f245 (patch) | |
tree | e78486f56d862c0aabd1f0c8918a1c483d15dfe9 /client/components/swimlanes/swimlanes.styl | |
parent | 5fa0821e078ff03647d23909517ddf6984f8baf5 (diff) | |
download | wekan-dd88eb4cc191a06f7eb84213b026dfb93546f245.tar.gz wekan-dd88eb4cc191a06f7eb84213b026dfb93546f245.tar.bz2 wekan-dd88eb4cc191a06f7eb84213b026dfb93546f245.zip |
swimlane-view: have the swimlane header horizontal
This allows to use the header as a separator between swimlanes.
This will be most useful when we can set the background color of these
headers.
Diffstat (limited to 'client/components/swimlanes/swimlanes.styl')
-rw-r--r-- | client/components/swimlanes/swimlanes.styl | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/client/components/swimlanes/swimlanes.styl b/client/components/swimlanes/swimlanes.styl index abcc90d4..fe7f5e53 100644 --- a/client/components/swimlanes/swimlanes.styl +++ b/client/components/swimlanes/swimlanes.styl @@ -5,7 +5,7 @@ // transparent, because that won't work during a swimlane drag. background: darken(white, 13%) display: flex - flex-direction: row + flex-direction: column overflow: 0; max-height: 100% @@ -27,20 +27,15 @@ .swimlane-header-wrap display: flex; flex-direction: row; - flex: 0 0 50px; - padding-bottom: 30px; - border-bottom: 1px solid #CCC + flex: 0 0 24px; + background-color: #ccc; .swimlane-header - -ms-writing-mode: tb-rl; - writing-mode: vertical-rl; - transform: rotate(180deg); font-size: 14px; - line-height: 50px; - margin-top: 50px; + padding: 5px 5px font-weight: bold; min-height: 9px; - width: 50px; + width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; @@ -49,7 +44,8 @@ .swimlane-header-menu position: absolute - padding: 20px 20px + padding: 5px 5px .list-group + flex-direction: row height: 100% |