Browse Source

Merge pull request #4813 from jghaanstra/master

Small improvements modern-dark theme
Lauri Ojansivu 2 years ago
parent
commit
f93219c293
1 changed files with 30 additions and 4 deletions
  1. 30 4
      client/components/boards/boardColors.css

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

@@ -1595,6 +1595,11 @@
   background: #262626;
   color: #fff;
 }
+@media screen and (min-width: 801px) {
+  .board-color-moderndark .js-toggle-desktop-drag-handles {
+    padding-top: 6px
+  }
+}
 .board-color-moderndark#header #header-main-bar .board-header-btn.emphasis {
   background: #2a2a2a;
 }
@@ -1629,6 +1634,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 +1712,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 +1724,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 +1764,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 +1875,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 {