mirror of
https://github.com/wekan/wekan.git
synced 2026-01-31 21:51:47 +01:00
2c0030da62
The UI and the internal APIs are still rough around the edges but the feature is basically working. You can now select multiple cards and move them together or (un|)assign them a label.
129 lines
2.3 KiB
Stylus
129 lines
2.3 KiB
Stylus
@import 'nib'
|
|
|
|
#header
|
|
color: white
|
|
transition: background-color 0.4s
|
|
background: #27AE60
|
|
|
|
#header-quick-access
|
|
background-color: rgba(0, 0, 0, 0.2)
|
|
padding: 0px 10px
|
|
height: 28px
|
|
font-size: 12px
|
|
display: flex
|
|
|
|
#header-user-bar
|
|
ul li
|
|
color: darken(white, 17%)
|
|
|
|
a, .fa
|
|
color: inherit
|
|
text-decoration: none
|
|
|
|
&:hover
|
|
color: white
|
|
|
|
ul
|
|
flex: 1
|
|
transition: opacity 0.2s
|
|
margin: 4px 0 0 5px
|
|
|
|
li
|
|
display: block
|
|
float: left
|
|
width: auto
|
|
color: darken(white, 15%)
|
|
padding: 2px 5px 0
|
|
|
|
&.current
|
|
color: darken(white, 5%)
|
|
|
|
&:first-child .fa-home
|
|
margin-right: 5px
|
|
|
|
a.js-create-board
|
|
margin-left: 5px
|
|
|
|
#header-user-bar
|
|
margin: 2px 0
|
|
|
|
.member
|
|
width: 24px
|
|
height: @width
|
|
float: left
|
|
margin: 0
|
|
margin-top: 1px
|
|
|
|
.header-user-bar-name
|
|
margin: 4px 8px 0 0
|
|
float: left
|
|
|
|
i.fa-chevron-down
|
|
margin-right: 4px
|
|
|
|
#header-main-bar
|
|
height: 28px * 1.618034 - 6px
|
|
padding: 7px 10px 0
|
|
|
|
h1
|
|
font-size: 20px
|
|
line-height: 1.7em
|
|
padding: 0 10px
|
|
margin: 0
|
|
margin-right: 10px
|
|
float: left
|
|
border-radius: 3px
|
|
|
|
&.is-clickable
|
|
cursor: pointer
|
|
|
|
.board-header-btns
|
|
display: block
|
|
margin-top: 3px
|
|
width: auto
|
|
|
|
// XXX Use a flexbox instead of floats?
|
|
&.left
|
|
float: left
|
|
|
|
&.right
|
|
float: right
|
|
|
|
.board-header-btn
|
|
border-radius: 3px
|
|
color: darken(white, 5%)
|
|
padding: 0
|
|
height: 28px
|
|
font-size: 13px
|
|
float: left
|
|
overflow: hidden
|
|
line-height: @height
|
|
margin: 0 2px
|
|
|
|
i.fa
|
|
float: left
|
|
display: block
|
|
line-height: 28px
|
|
color: darken(white, 5%)
|
|
margin: 0 10px
|
|
|
|
+ span
|
|
margin-right: 10px
|
|
|
|
.board-header-btn-close
|
|
float: right
|
|
|
|
i.fa
|
|
margin: 0 6px
|
|
|
|
.board-header-btn,
|
|
h1.is-clickable
|
|
&.is-hovered,
|
|
&:hover
|
|
background: rgba(0, 0, 0, .15)
|
|
|
|
.separator
|
|
margin: 2px 4px
|
|
border-left: 1px solid rgba(255, 255, 255, .3)
|
|
height: 24px
|
|
float: left
|