Fix Add List button too wide at themes: Clearblue, Modern, Exodark.

Thanks to xet7 ! Fixes #5179
wekan · Nov 2, 2023 · b756150 · b756150
1 parent 40108d6
commit b756150
Showing 1 changed file with 31 additions and 6 deletions.
diff --git a/client/components/boards/boardColors.css b/client/components/boards/boardColors.css
@@ -1060,8 +1060,13 @@
 .board-color-clearblue .swimlane {
   background: none;
 }
-.board-color-clearblue .list:first-child {
-  margin-left: 15px;
+.board-color-clearblue .swimlane .list:first-child {
+  min-width: 20px;
+  margin-left: 0px;
+  border-left: none;
+}
+.board-color-clearblue .swimlane .list:nth-child {
+  flex: 0 0 265px;
 }
 .board-color-clearblue .list {
   background: rgba(255,255,255,0.35);
@@ -1073,15 +1078,18 @@
   background: rgba(255,255,255,0.1);
   height: min-content;
   flex: unset;
-  width: 270px;
   padding-bottom: 16px;
+  min-width: 20px;
+  margin-left: 0px;
+  border-left: none;
 }
 .board-color-clearblue .list.list-composer .open-list-composer {
   border-radius: 7px;
   color: rgba(0,0,0,0.3);
   padding: 7px 10px;
   display: block;
 }
+.board-color-clearblue .list.list-composer .open-list-composer:hover i,
 .board-color-clearblue .list.list-composer .open-list-composer:hover {
   box-shadow: 0 1px 2px rgba(0,0,0,0.2);
   background: rgba(255,255,255,0.7);
@@ -1452,12 +1460,17 @@
   background: none;
   box-shadow: none;
 }
-.board-color-modern .list:first-child {
-  margin-left: 5px;
+.board-color-modern .swimlane .list:first-child {
+  min-width: 20px;
+  margin-left: 0px;
+  border-left: none;
 }
+.board-color-modern .swimlane .list:nth-child {
+  flex: 0 0 265px;
+ }
 .board-color-modern .list.list-composer.js-list-composer {
   transition: all 0.3s ease;
-  min-width: 80px;
+  min-width: 20px;
 }
 .board-color-modern .open-list-composer.js-open-inlined-form:hover {
   color: #222;
@@ -2101,6 +2114,18 @@
   box-shadow: inset 15px 15px 37px #1c1c1c, inset -15px -15px 37px #282828;
   border: none;
 }
+.board-color-exodark .swimlane .list:first-child {
+  min-width: 20px;
+  margin-left: 0px;
+  border-left: none;
+}
+.board-color-exodark .swimlane .list:nth-child {
+  flex: 0 0 265px;
+}
+.board-color-exodark .list.list-composer.js-list-composer {
+  transition: all 0.3s ease;
+  min-width: 0;
+}
 .board-color-exodark .list-header {
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;