mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 15:30:13 +01:00
125 lines
2.3 KiB
Stylus
125 lines
2.3 KiB
Stylus
.minicard-wrapper
|
|
cursor: pointer
|
|
position: relative
|
|
display: flex
|
|
align-items: center
|
|
margin-bottom: 9px
|
|
|
|
&.draggable-hover-card
|
|
background-color: #f0f0f0
|
|
border-bottom-color: #c2c2c2
|
|
|
|
&.placeholder
|
|
background: darken(white, 20%)
|
|
border-radius: 2px
|
|
|
|
&.ui-sortable-helper
|
|
cursor: grabbing
|
|
transform: rotate(4deg)
|
|
display: block !important
|
|
|
|
.and-n-other
|
|
width: 100%
|
|
height: 16px
|
|
padding: 4px
|
|
background-color: darken(white, 5%)
|
|
text-align: center
|
|
border-radius: 3px
|
|
|
|
.multi-selection-checkbox
|
|
display: none
|
|
|
|
.multi-selection-checkbox + .minicard
|
|
margin-left: 8px
|
|
|
|
.minicard
|
|
padding: 6px 8px 2px
|
|
position: relative
|
|
flex: 1
|
|
flex-wrap: wrap
|
|
background-color: #fff
|
|
min-height: 20px
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.15)
|
|
border-radius: 2px
|
|
color: #4d4d4d
|
|
overflow: hidden
|
|
transition: transform 0.2s,
|
|
border-radius 0.2s
|
|
|
|
.is-selected &
|
|
transform: translateX(11px)
|
|
border-bottom-right-radius: 0
|
|
border-top-right-radius: 0
|
|
z-index: 25
|
|
box-shadow: -2px 1px 2px rgba(0,0,0,.2)
|
|
|
|
.minicard-cover
|
|
background-position: center
|
|
background-repeat: no-repeat
|
|
background-size: cover
|
|
height: 145px
|
|
user-select: none
|
|
margin: -6px -8px 6px -8px
|
|
border-radius: top 2px
|
|
position: relative
|
|
|
|
img
|
|
height: 100%
|
|
width: 100%
|
|
|
|
.minicard-labels
|
|
float: right
|
|
display: flex
|
|
|
|
.minicard-label
|
|
width: 11px
|
|
height: @width
|
|
border-radius: 2px
|
|
margin-left: 3px
|
|
|
|
.badges
|
|
float: left
|
|
margin-top: 5px
|
|
color: darken(white, 60%)
|
|
|
|
&:empty
|
|
display: none
|
|
|
|
.badge
|
|
float: left
|
|
margin-right: 10px
|
|
|
|
.badge-text
|
|
font-size: 0.9em
|
|
|
|
.minicard-members
|
|
float: right
|
|
margin: 2px -8px -2px 0
|
|
|
|
.member
|
|
float: right
|
|
border-radius: 50%
|
|
height: 28px
|
|
width: @height
|
|
|
|
+ .badges
|
|
margin-top: 10px
|
|
|
|
.minicard-members:empty
|
|
display: none
|
|
|
|
&.minicard-composer
|
|
margin-bottom: 10px
|
|
|
|
textarea.minicard-composer-textarea,
|
|
textarea.minicard-composer-textarea:focus
|
|
resize: none
|
|
background: none
|
|
border: none
|
|
box-shadow: none
|
|
height: auto
|
|
margin: 0
|
|
padding: 0
|
|
max-height: 162px
|
|
min-height: 54px
|
|
overflow-y: auto
|