| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- @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
- .dates
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- .date
- margin-right: 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
- &.is-finished
- background: #3cb500
- padding: 0px 3px
- border-radius: 3px
- color: white
- &:last-of-type
- margin-right: 0
- .badge-icon,
- .badge-text
- vertical-align: middle
- &.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)
|
