diff options
| author | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-25 18:11:40 +0100 |
|---|---|---|
| committer | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-25 18:13:37 +0100 |
| commit | 33977b2282d8891bf507c4d9a1502c644afd6352 (patch) | |
| tree | 9a27f9812e36dca8cb09829d5e4c901c624e726a | |
| parent | 5d6203f5f99d02fc508015c0889977da55eff2f1 (diff) | |
| download | wekan-33977b2282d8891bf507c4d9a1502c644afd6352.tar.gz wekan-33977b2282d8891bf507c4d9a1502c644afd6352.tar.bz2 wekan-33977b2282d8891bf507c4d9a1502c644afd6352.zip | |
lists-color: only colorize the bottom border
And make the background clearer to visually separate the header from
the list of cards
| -rw-r--r-- | client/components/lists/list.styl | 12 | ||||
| -rw-r--r-- | client/components/lists/listHeader.jade | 3 | ||||
| -rw-r--r-- | client/components/swimlanes/swimlanes.jade | 2 |
3 files changed, 12 insertions, 5 deletions
diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl index c12a2c73..51ade73c 100644 --- a/client/components/lists/list.styl +++ b/client/components/lists/list.styl @@ -46,11 +46,19 @@ .list-header-card-count height: 35px +.list-header-add + flex: 0 0 auto + padding: 20px 12px 4px + position: relative + min-height: 20px + .list-header flex: 0 0 auto padding: 20px 12px 4px position: relative min-height: 20px + background-color: #e4e4e4; + border-bottom: 6px solid #e4e4e4; &.ui-sortable-handle @@ -204,9 +212,7 @@ overflow: hidden list-header-color(background, color...) - background: background !important - if color - color: color !important //overwrite text for better visibility + border-bottom: 6px solid background .list-header-white list-header-color(#ffffff, #4d4d4d) //Black text for better visibility diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade index eafcc510..aa6d3786 100644 --- a/client/components/lists/listHeader.jade +++ b/client/components/lists/listHeader.jade @@ -120,7 +120,8 @@ template(name="wipLimitErrorPopup") template(name="setListColorPopup") form.edit-label .palette-colors: each colors - span.card-label.palette-color.js-palette-color(class="list-header-{{color}}") + // note: we use the swimlane palette to have more than just the border + span.card-label.palette-color.js-palette-color(class="swimlane-{{color}}") if(isSelected color) i.fa.fa-check button.primary.confirm.js-submit {{_ 'save'}} diff --git a/client/components/swimlanes/swimlanes.jade b/client/components/swimlanes/swimlanes.jade index cd864a7c..ad61466e 100644 --- a/client/components/swimlanes/swimlanes.jade +++ b/client/components/swimlanes/swimlanes.jade @@ -38,7 +38,7 @@ template(name="listsGroup") template(name="addListForm") .list.list-composer.js-list-composer - .list-header + .list-header-add +inlinedForm(autoclose=false) input.list-name-input.full-line(type="text" placeholder="{{_ 'add-list'}}" autocomplete="off" autofocus) |