diff options
| author | Andrés Manelli <andresmanelli@gmail.com> | 2018-02-27 20:11:43 -0300 |
|---|---|---|
| committer | Andrés Manelli <andresmanelli@gmail.com> | 2018-02-27 20:11:43 -0300 |
| commit | 37c94622e476f50bf2387bc8b140454d66200e78 (patch) | |
| tree | 4d57b6c4300411b9601825ed8030c2c985e2a053 /client/components/swimlanes/swimlanes.styl | |
| parent | c4fa9010f34966b633c7bf7e46ad49fc101127c9 (diff) | |
| download | wekan-37c94622e476f50bf2387bc8b140454d66200e78.tar.gz wekan-37c94622e476f50bf2387bc8b140454d66200e78.tar.bz2 wekan-37c94622e476f50bf2387bc8b140454d66200e78.zip | |
Allow swimlanes reordering
Diffstat (limited to 'client/components/swimlanes/swimlanes.styl')
| -rw-r--r-- | client/components/swimlanes/swimlanes.styl | 69 |
1 files changed, 48 insertions, 21 deletions
diff --git a/client/components/swimlanes/swimlanes.styl b/client/components/swimlanes/swimlanes.styl index 8f43ef58..13257953 100644 --- a/client/components/swimlanes/swimlanes.styl +++ b/client/components/swimlanes/swimlanes.styl @@ -1,25 +1,52 @@ @import 'nib' -.swimlane-header-wrap - display: flex; - flex-direction: row; - flex: 0 0 50px; - padding-bottom: 30px; +.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-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; + &.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 |