Selaa lähdekoodia

Merge branch 'nztqa-improve-ui' into devel

Improve UI design of checklist items. Thanks to nztqa !
Lauri Ojansivu 8 vuotta sitten
vanhempi
sitoutus
13d7378dc5
2 muutettua tiedostoa jossa 5 lisäystä ja 1 poistoa
  1. 2 1
      CHANGELOG.md
  2. 3 0
      client/components/cards/checklists.styl

+ 2 - 1
CHANGELOG.md

@@ -5,7 +5,8 @@ This release adds the following new features:
 * [REST API: Add PUT method to update a card](https://github.com/wekan/wekan/pull/1095) and
 * [REST API: Add PUT method to update a card](https://github.com/wekan/wekan/pull/1095) and
   [related fix](https://github.com/wekan/wekan/pull/1097);
   [related fix](https://github.com/wekan/wekan/pull/1097);
 * [When finished input of checklist item, open new checklist
 * [When finished input of checklist item, open new checklist
-  item](https://github.com/wekan/wekan/pull/1099).
+  item](https://github.com/wekan/wekan/pull/1099);
+* [Improve UI design of checklist items](https://github.com/wekan/wekan/pull/1108).
 
 
 and fixes the following bugs:
 and fixes the following bugs:
 
 

+ 3 - 0
client/components/cards/checklists.styl

@@ -46,6 +46,8 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
     font-size: 1.1em
     font-size: 1.1em
     margin-top: 3px
     margin-top: 3px
     display: flex
     display: flex
+    &:hover
+      background-color: darken(white, 8%)
 
 
     .check-box
     .check-box
       margin-top: 5px
       margin-top: 5px
@@ -54,6 +56,7 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
         border-right: 2px solid #3cb500
         border-right: 2px solid #3cb500
 
 
     .item-title
     .item-title
+      flex-grow: 1
       padding-left: 10px;
       padding-left: 10px;
       &.is-checked
       &.is-checked
         color: #8c8c8c
         color: #8c8c8c