wekan/client/components/cards/cardDetails.styl
2015-08-28 02:25:26 +02:00

98 lines
1.8 KiB
Stylus

@import 'nib'
.card-details
padding: 0 20px
height: 100%
flex-shrink: 0
flex-basis: 470px
will-change: flex-basis
overflow: hidden
background: white
border-radius: 3px
z-index: 20 !important
animation: flexGrowIn 0.1s
box-shadow: 0 0 7px 0 darken(white, 30%)
transition: flex-basis 0.1s
margin-top: -9px
.card-details-canvas
width: 470px
.card-details-header
margin: 0 -20px 5px
padding 7px 20px 0
background: #F7F7F7
border-bottom: 1px solid darken(white, 10%)
min-height: 38px
position: relative
.close-card-details
float: left
font-size: 24px
padding: 8px
padding-right: 11px
margin-left: -18px
.card-details-menu
float: right
position: absolute
bottom: 6px
right: 15px
.card-details-title
font-weight: bold
font-size: 1.33em
margin: 3px 0
padding: 0
form.inlined-form
margin-top: 5px
margin-bottom: 10px
.card-details-list
font-size: 0.85em
margin-bottom: 3px
a.card-details-list-title
font-weight: bold
&.is-editable
display: inline-block
background: darken(white, 10%)
border-radius: 3px
padding: 0px 5px
.card-description textarea
min-height: 100px
.card-details-items
display: flex
margin: 15px 0
.card-details-item
&.card-details-item-labels,
&.card-details-item-members
width: 50%
flex-shrink: 1
.card-details-item-title
font-size: 14px
color: darken(white, 45%)
.card-label
padding-top: 5px
padding-bottom: 5px
.activities
padding-top: 10px
input[type="text"].attachment-add-link-input
float: left
margin: 0 0 8px
width: 80%
input[type="submit"].attachment-add-link-submit
float: left
margin: 0 0 8px 4px
padding: 6px 12px
width: 18%