From b5dabfe88695a8f8211b29fea0dc16131c9a1829 Mon Sep 17 00:00:00 2001 From: Maxime Quandalle Date: Fri, 28 Aug 2015 02:21:42 +0200 Subject: More explicit file names --- client/components/cards/cardDetails.styl | 98 ++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 client/components/cards/cardDetails.styl (limited to 'client/components/cards/cardDetails.styl') diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl new file mode 100644 index 00000000..72e8c7c9 --- /dev/null +++ b/client/components/cards/cardDetails.styl @@ -0,0 +1,98 @@ +@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% -- cgit v1.2.3-1-g7c22