Browse Source

Small improvements modern-dark theme

Jelger Haanstra 2 years ago
parent
commit
133a81b08c
1 changed files with 25 additions and 4 deletions
  1. 25 4
      client/components/boards/boardColors.css

+ 25 - 4
client/components/boards/boardColors.css

@@ -1629,6 +1629,9 @@
     background: #2a2a2a;
     color: #fff;
   }
+  #header.board-color-moderndark #header-main-bar .board-header-btn i.fa {
+    margin: 0 8px;
+  }
 }
 .board-color-moderndark#header ul li.current,
 .board-color-moderndark#header-quick-access ul li.current {
@@ -1704,7 +1707,6 @@
   background: rgba(255,255,255,0.2);
 }
 .board-color-moderndark#header #header-main-bar h1 {
-  /* font-family: Poppins; */
   font-weight: bold;
   line-height: 0.8em;
   padding-top: 10px;
@@ -1717,9 +1719,6 @@
   color: #ccc;
   padding: 4px 0;
 }
-.board-color-moderndark .swimlane .swimlane-header-wrap .swimlane-header {
-  /* font-family: Poppins; */
-}
 .board-color-moderndark .swimlane .swimlane-header-wrap .swimlane-header-menu {
   padding: 6px;
   font-size: 16px;
@@ -1760,6 +1759,19 @@
   line-height: 14px;
   color: #eee;
 }
+@media screen and (max-width: 800px) {
+  .board-color-moderndark .list-header .list-header-name {
+    line-height: 40px;
+  }
+}
+@media screen and (min-width: 801px) {
+  .board-color-moderndark .list-header .list-header-name {
+    float: left;
+  }
+  .board-color-moderndark .list-header .list-header-menu {
+    padding: 0 10px 10px;
+  }
+}
 .board-color-moderndark .list-header .list-header-menu {
   padding: 10px;
   top: 0;
@@ -1858,6 +1870,15 @@
   .board-color-moderndark .card-details {
     width: 98%;
   }
+  .card-details-popup {
+    padding: 0px;
+  }
+  .card-details-left, .card-details-right {
+    padding: 0px 10px;
+  }
+  .card-details .card-details-header .card-details-menu-mobile-web {
+    margin-right: 0;
+  }
 }
 @media screen and (min-width: 801px) {
   .board-color-moderndark .card-details {