Просмотр исходного кода

WIP: apply bootstrap theme

* create create-page.scss
Yuki Takei 8 лет назад
Родитель
Сommit
66c8a3bcc3
2 измененных файлов с 47 добавлено и 0 удалено
  1. 46 0
      resource/styles/scss/_create-page.scss
  2. 1 0
      resource/styles/scss/crowi.scss

+ 46 - 0
resource/styles/scss/_create-page.scss

@@ -0,0 +1,46 @@
+.modal.create-page {
+
+  @media (min-width: $screen-sm-min) { // {{{ more than tablet size
+    .modal-dialog {
+      width: 750px;
+    }
+  }
+
+  .modal-body {
+    h3, h4 {
+      margin-bottom: 10px;
+    }
+
+    form {
+
+      .page-name-addons {
+        position: absolute;
+        top: 7px;
+        left: 27px;
+      }
+      .page-today-prefix {
+        display: inline-block;
+      }
+      .page-today-input1 {
+        width: 60px;
+        padding-left: 2px;
+        padding-right: 2px;
+        display: inline-block;
+      }
+      .page-today-suffix {
+        display: inline-block;
+      }
+      .page-today-input2 {
+        // width: 100%;
+        display: inline-block;
+      }
+      #page-name-inputter input {
+        min-width: 300px; // Workaround to display placeholder.
+                          //   cf https://github.com/ericgio/react-bootstrap-typeahead/issues/256
+      }
+      .create-page-under-tree-label code {
+        font-family: $font-family-monospace-not-strictly;
+      }
+    }
+  }
+}

+ 1 - 0
resource/styles/scss/crowi.scss

@@ -12,6 +12,7 @@
 // @import 'attachments';
 // @import 'comment';
 // @import 'comment_crowi-plus';
+@import 'create-page';
 // @import 'delete';
 // @import 'form';
 @import 'layout';