prettier3969-nonnegative-integer-weights

1 files changed, 53 insertions, 6 deletions

diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss
index d1b7a28ee4c..793260b191b 100644
--- a/app/assets/stylesheets/pages/issuable.scss
+++ b/app/assets/stylesheets/pages/issuable.scss
@@ -278,6 +278,10 @@
 
   .selectbox {
     display: none;
+
+    &.show {
+      display: block;
+    }
   }
 
   .btn-clipboard:hover {
@@ -331,11 +335,11 @@
     }
 
     .no-value,
-    .btn-secondary-hover-link {
+    .btn-default-hover-link {
       color: $gl-text-color-secondary;
     }
 
-    .btn-secondary-hover-link:hover {
+    .btn-default-hover-link:hover {
       color: $gl-link-color;
     }
 
@@ -722,6 +726,7 @@
       .issue-main-info {
         flex: 1 auto;
         margin-right: 10px;
+        min-width: 0;
       }
 
       .issuable-meta {
@@ -779,6 +784,7 @@
     @media (max-width: map-get($grid-breakpoints, lg)-1) {
       .task-status,
       .issuable-due-date,
+      .issuable-weight,
       .project-ref-path {
         display: none;
       }
@@ -937,12 +943,53 @@
   }
 }
 
+.add-issuable-form-input-wrapper {
+  height: auto;
+  padding: $gl-vert-padding $gl-vert-padding 0 $gl-input-padding;
+
+  &.focus,
+  &.focus:hover {
+    border-color: $dropdown-input-focus-border;
+    box-shadow: 0 0 4px $search-input-focus-shadow-color;
+  }
+}
+
+.add-issuable-form-input-token-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  list-style: none;
+  margin-bottom: 0;
+  padding-left: 0;
+}
+
+.add-issuable-form-token-list-item {
+  max-width: 100%;
+  margin-bottom: $gl-vert-padding;
+  margin-right: 5px;
+}
+
+.add-issuable-form-input-list-item {
+  flex: 1;
+  min-width: 200px;
+  margin-bottom: $gl-vert-padding;
+}
+
+.add-issuable-form-input {
+  width: 100%;
+  border: 0;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.add-issuable-form-actions {
+  margin-top: $gl-padding;
+}
+
 .right-sidebar-collapsed {
   .sidebar-grouped-item {
-    .sidebar-collapsed-icon {
-      margin-bottom: 0;
-    }
-
     .sidebar-collapsed-divider {
       line-height: 5px;
       font-size: 12px;