Multiple UI Fixes (Modals and person property label (mattermost-commu…

…nity#4503) * Updating card dialog modal to not go 100% height * Updating modals * Updating person property column header
kamre · Jan 25, 2023 · d7fd098 · d7fd098
1 parent bf1c1a8
commit d7fd098
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/webapp/src/components/cardDialog.scss b/webapp/src/components/cardDialog.scss
@@ -4,6 +4,10 @@
         top: 0;
         height: 100%;
 
+        @media (min-width: 975px) {
+            height: calc(100% - 144px);
+        }
+
         >.CardDetail {
             display: flex;
             flex-direction: column;

diff --git a/webapp/src/components/dialog.scss b/webapp/src/components/dialog.scss
@@ -102,7 +102,7 @@
         .toolbar {
             display: flex;
             flex-direction: row;
-            padding: 24px 0;
+            padding: 24px 32px;
             justify-content: space-between;
             align-items: flex-start;
         }
@@ -112,7 +112,7 @@
             gap: 8px;
             align-items: center;
             height: 28px;
-            margin-right: 16px;
+            margin-right: -14px;
         }
     }
 

diff --git a/webapp/src/components/kanban/kanban.scss b/webapp/src/components/kanban/kanban.scss
@@ -47,7 +47,13 @@
             max-width: 165px;
             margin: 0 8px 0 0;
 
+            &.empty {
+                color: rgba(var(--center-channel-color-rgb), 1);
+                font-weight: 600;
+            }
+
             .Editable {
+                color: rgba(var(--center-channel-color-rgb), 1);
                 background: transparent;
             }
         }