浏览代码

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

Thanks to xet7 !

Fixes #5179
Lauri Ojansivu 1 年之前
父节点
当前提交
b756150f76
共有 1 个文件被更改,包括 31 次插入6 次删除
  1. 31 6
      client/components/boards/boardColors.css

+ 31 - 6
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,8 +1078,10 @@
   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;
@@ -1082,6 +1089,7 @@
   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;