diff options
author | Lauri Ojansivu <x@xet7.org> | 2018-02-28 16:35:56 +0200 |
---|---|---|
committer | Lauri Ojansivu <x@xet7.org> | 2018-02-28 16:35:56 +0200 |
commit | daf1a67dc26f48efffca3f6a05fc607184ee7bab (patch) | |
tree | 653bc7d59c88ea1cec03a28d62606d1019287e5a /client/components/swimlanes/swimlanes.styl | |
parent | e44c46bcd2513440f70476b7299ae0f830e7c619 (diff) | |
parent | 284fac043b419de1a02edb6a7ec4cd9d49d7cce9 (diff) | |
download | wekan-daf1a67dc26f48efffca3f6a05fc607184ee7bab.tar.gz wekan-daf1a67dc26f48efffca3f6a05fc607184ee7bab.tar.bz2 wekan-daf1a67dc26f48efffca3f6a05fc607184ee7bab.zip |
Merge branch 'devel'
Diffstat (limited to 'client/components/swimlanes/swimlanes.styl')
-rw-r--r-- | client/components/swimlanes/swimlanes.styl | 68 |
1 files changed, 48 insertions, 20 deletions
diff --git a/client/components/swimlanes/swimlanes.styl b/client/components/swimlanes/swimlanes.styl index fcc5d962..13257953 100644 --- a/client/components/swimlanes/swimlanes.styl +++ b/client/components/swimlanes/swimlanes.styl @@ -1,24 +1,52 @@ @import 'nib' -.swimlane-header-wrap - display: flex; - flex-direction: row; - flex: 0 0 50px; +.swimlane + // Even if this background color is the same as the body we can't leave it + // transparent, because that won't work during a swimlane drag. + background: darken(white, 13%) + border-bottom: 1px solid #CCC + display: flex + flex-direction: row + margin: 0 0 10px + padding: 0 40px 5px 0 + overflow-x: auto + overflow-y: hidden - .swimlane-header - writing-mode: sideways-lr; - font-size: 14px; - line-height: 50px; - margin: 0; - font-weight: bold; - min-height: 9px; - min-width: 30px; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - word-wrap: break-word; - text-align: center; + &.placeholder + background-color: rgba(0, 0, 0, .2) + border-color: transparent + box-shadow: none + height: 100px - .swimlane-header-menu - position: absolute - padding: 20px 20px + &.ui-sortable-helper + box-shadow: -2px 2px 8px rgba(0, 0, 0, .3), + 0 0 1px rgba(0, 0, 0, .5) + transform: rotate(2deg) + cursor: grabbing + + .swimlane-header.ui-sortable-handle + cursor: grabbing + + .swimlane-header-wrap + display: flex; + flex-direction: row; + flex: 0 0 50px; + padding-bottom: 30px; + + .swimlane-header + writing-mode: sideways-lr; + font-size: 14px; + line-height: 50px; + margin-top: 50px; + font-weight: bold; + min-height: 9px; + min-width: 30px; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + word-wrap: break-word; + text-align: center; + + .swimlane-header-menu + position: absolute + padding: 20px 20px |