mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 15:30:13 +01:00
163 lines
3.3 KiB
Stylus
163 lines
3.3 KiB
Stylus
@import 'nib'
|
|
|
|
.minicard-wrapper
|
|
cursor: pointer
|
|
position: relative
|
|
display: flex
|
|
align-items: center
|
|
margin-bottom: 9px
|
|
|
|
&.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)
|
|
|
|
&:hover:not(.minicard-composer),
|
|
.is-selected &,
|
|
.draggable-hover-card &
|
|
background: darken(white, 3%)
|
|
|
|
.draggable-hover-card &
|
|
background: darken(white, 7%)
|
|
|
|
.minicard-cover
|
|
background-position: center
|
|
background-repeat: no-repeat
|
|
background-size: contain
|
|
height: 145px
|
|
user-select: none
|
|
margin: -6px -8px 6px -8px
|
|
border-radius: top 2px
|
|
|
|
.minicard-labels
|
|
float: right
|
|
display: flex
|
|
|
|
.minicard-label
|
|
width: 11px
|
|
height: @width
|
|
border-radius: 2px
|
|
margin-left: 3px
|
|
|
|
.badges
|
|
float: left
|
|
margin-top: 7px
|
|
color: darken(white, 50%)
|
|
|
|
&:empty
|
|
display: none
|
|
|
|
.badge
|
|
float: left
|
|
margin-right: 11px
|
|
margin-bottom: 3px
|
|
font-size: 0.9em
|
|
|
|
&:last-of-type
|
|
margin-right: 0
|
|
|
|
.badge-icon,
|
|
.badge-text
|
|
vertical-align: middle
|
|
|
|
&.is-finished
|
|
background: #3cb500
|
|
padding: 0px 3px
|
|
border-radius: 3px
|
|
color: white
|
|
|
|
.badge-icon,
|
|
.badge-text
|
|
vertical-align: middle//didn't figure why use top, it'd be easier to fill bg if it's middle. This was introduced in commit "91cfcf7b12b5e7c137c2e765b2c378dde6b82966" & "* Improve the design of the minicards badges" was mentioned.
|
|
&.badge-comment
|
|
margin-bottom: 0.1rem
|
|
|
|
.badge-text
|
|
font-size: 0.9em
|
|
padding-left: 2px
|
|
line-height: 14px
|
|
.check-list-text
|
|
padding-left: 0px
|
|
line-height: 12px
|
|
|
|
|
|
.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: 36px
|
|
margin-bottom: 20px
|
|
overflow-y: auto
|
|
|
|
@media screen and (max-width: 800px)
|
|
.minicard
|
|
.is-selected &
|
|
transform: translateX(0px)
|
|
border-bottom-right-radius: 0
|
|
border-top-right-radius: 0
|
|
z-index: 15
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.15)
|