diff options
| author | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 05:11:45 +0200 |
|---|---|---|
| committer | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 06:07:21 +0200 |
| commit | 91cfcf7b12b5e7c137c2e765b2c378dde6b82966 (patch) | |
| tree | fc0314bc81f6e12361858994a22b8dd66cc56098 /client/components/cards/minicard.styl | |
| parent | 5eb67e803af0fd674f85a80e47913fa13fed24b2 (diff) | |
| download | wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.tar.gz wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.tar.bz2 wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.zip | |
Yet another iteration on the user interface
* Automatically display the overlay when the card details is opened
(previously we waited for the mouse to enter the card details panel)
* Improve the design of the minicards badges
* Change the minicard background when it is hovered or selected
* Removes unimplemented features links from the UI
* Fix the board canvas position when the sidebar is open (was hidden
behind)
Fixes #215
Diffstat (limited to 'client/components/cards/minicard.styl')
| -rw-r--r-- | client/components/cards/minicard.styl | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl index ee454e78..c45c7eb9 100644 --- a/client/components/cards/minicard.styl +++ b/client/components/cards/minicard.styl @@ -5,10 +5,6 @@ align-items: center margin-bottom: 9px - &.draggable-hover-card - background-color: #f0f0f0 - border-bottom-color: #c2c2c2 - &.placeholder background: darken(white, 20%) border-radius: 2px @@ -53,6 +49,14 @@ 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, 2%) + + .draggable-hover-card & + background: darken(white, 4%) + .minicard-cover background-position: center background-repeat: no-repeat @@ -79,18 +83,26 @@ .badges float: left - margin-top: 5px - color: darken(white, 60%) + margin-top: 7px + color: darken(white, 50%) &:empty display: none .badge float: left - margin-right: 10px + margin-right: 11px + margin-bottom: 3px + font-size: 0.9em + + .badge-icon, + .badge-text + vertical-align: top .badge-text font-size: 0.9em + padding-left: 2px + line-height: 14px .minicard-members float: right |