fix scss

src/client/styles/scss/_on-edit.scss

@@ -119,27 +119,27 @@ body.on-edit {
     line-height: 1em;
   }
 
-  .grw-slack-notification {
-    $input-height-slack: 1.8rem;
-    background-color: white;
-    border-color: $gray-200;
-
-    border-style: solid;
-    border-width: 1px;
-    border-radius: $input-height-slack/2 2px 2px $input-height-slack/2;
-
-    .form-control {
-      width: 80px;
-      height: $input-height-slack;
-      border: transparent;
-      @include media-breakpoint-up(sm) {
-        width: 130px;
-      }
-      @include media-breakpoint-up(md) {
-        width: 180px;
-      }
-    }
-  }
+  // .grw-slack-notification {
+  //   $input-height-slack: 1.8rem;
+  //   background-color: white;
+  //   border-color: $gray-200;
+
+  //   border-style: solid;
+  //   border-width: 1px;
+  //   border-radius: $input-height-slack/2 2px 2px $input-height-slack/2;
+
+  //   .form-control {
+  //     width: 80px;
+  //     height: $input-height-slack;
+  //     border: transparent;
+  //     @include media-breakpoint-up(sm) {
+  //       width: 130px;
+  //     }
+  //     @include media-breakpoint-up(md) {
+  //       width: 180px;
+  //     }
+  //   }
+  // }
 
   .grw-editor-navbar-bottom {
     height: $grw-editor-navbar-bottom-height;

src/client/styles/scss/molecules/slack-notification.scss

@@ -1,5 +1,43 @@
 .grw-slack-notification {
-}
+  $input-height-slack: 1.8rem;
+  background-color: white;
+  border-color: $gray-200;
+
+  border-style: solid;
+  border-width: 1px;
+  border-radius: $input-height-slack/2 2px 2px $input-height-slack/2;
 
-.grw-slack-notification-sm {
+  .form-control {
+    width: 80px;
+    height: $input-height-slack;
+    border: transparent;
+    @include media-breakpoint-up(sm) {
+      width: 130px;
+    }
+    @include media-breakpoint-up(md) {
+      width: 180px;
+    }
+  }
 }
+
+// .grw-slack-notification-sm {
+//   $input-height-slack: 1.8rem;
+//   background-color: white;
+//   border-color: $gray-200;
+
+//   border-style: solid;
+//   border-width: 1px;
+//   border-radius: $input-height-slack/2 2px 2px $input-height-slack/2;
+
+//   .form-control {
+//     width: 80px;
+//     height: $input-height-slack;
+//     border: transparent;
+//     @include media-breakpoint-up(sm) {
+//       width: 130px;
+//     }
+//     @include media-breakpoint-up(md) {
+//       width: 180px;
+//     }
+//   }
+// }

src/client/styles/scss/style-app.scss

@@ -23,6 +23,7 @@
 
 // molecules
 @import 'molecules/copy-dropdown';
+@import 'molecules/slack-notification';
 
 // growi component
 @import 'admin';