mirror of https://github.com/wekan/wekan
The Open Source kanban (built with Meteor). Keep variable/table/field names camelCase. For translations, only add Pull Request changes to wekan/i18n/en.i18n.json , other translations are done at https://transifex.com/wekan/wekan only.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
3.7 KiB
146 lines
3.7 KiB
@import 'nib'
|
|
|
|
.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%)
|
|
display: flex
|
|
flex-direction: row
|
|
overflow: 0;
|
|
max-height: calc(100% - 26px)
|
|
|
|
&.placeholder
|
|
background-color: rgba(0, 0, 0, .2)
|
|
border-color: transparent
|
|
box-shadow: none
|
|
height: 100px
|
|
|
|
&.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: 1 0 100%;
|
|
background-color: #ccc;
|
|
|
|
.swimlane-header
|
|
font-size: 14px;
|
|
padding: 5px 5px
|
|
font-weight: bold;
|
|
min-height: 9px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
text-align: center;
|
|
|
|
.swimlane-header-menu
|
|
position: absolute
|
|
padding: 5px 5px
|
|
|
|
.swimlane-header-plus-icon
|
|
margin-left: 5px
|
|
margin-right: 10px
|
|
|
|
.swimlane-header-menu-handle
|
|
position: absolute
|
|
padding: 7px
|
|
top: 50%
|
|
transform: translateY(-50%)
|
|
left: 300px
|
|
font-size: 18px
|
|
|
|
.list-group
|
|
height: 100%
|
|
|
|
.moving-swimlane
|
|
display: none
|
|
|
|
swimlane-color(background, color...)
|
|
background: background !important
|
|
if color
|
|
color: color !important //overwrite text for better visibility
|
|
|
|
.swimlane-white
|
|
swimlane-color(#ffffff, #4d4d4d) //Black text for better visibility
|
|
border: 1px solid #eee
|
|
|
|
.swimlane-green
|
|
swimlane-color(#3cb500, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-yellow
|
|
swimlane-color(#fad900, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-orange
|
|
swimlane-color(#ff9f19, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-red
|
|
swimlane-color(#eb4646, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-purple
|
|
swimlane-color(#a632db, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-blue
|
|
swimlane-color(#0079bf, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-pink
|
|
swimlane-color(#ff78cb, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-sky
|
|
swimlane-color(#00c2e0, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-black
|
|
swimlane-color(#4d4d4d, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-lime
|
|
swimlane-color(#51e898, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-silver
|
|
swimlane-color(unset, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-peachpuff
|
|
swimlane-color(#ffdab9, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-crimson
|
|
swimlane-color(#dc143c, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-plum
|
|
swimlane-color(#dda0dd, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-darkgreen
|
|
swimlane-color(#006400, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-slateblue
|
|
swimlane-color(#6a5acd, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-magenta
|
|
swimlane-color(#ff00ff, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-gold
|
|
swimlane-color(#ffd700, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-navy
|
|
swimlane-color(#000080, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-gray
|
|
swimlane-color(#808080, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-saddlebrown
|
|
swimlane-color(#8b4513, #ffffff) //White text for better visibility
|
|
|
|
.swimlane-paleturquoise
|
|
swimlane-color(#afeeee, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-mistyrose
|
|
swimlane-color(#ffe4e1, #4d4d4d) //Black text for better visibility
|
|
|
|
.swimlane-indigo
|
|
swimlane-color(#4b0082, #ffffff) //White text for better visibility
|
|
|