mayu morita 7 лет назад
Родитель
Сommit
69482abccf
1 измененных файлов с 19 добавлено и 12 удалено
  1. 19 12
      resource/styles/scss/_search.scss

+ 19 - 12
resource/styles/scss/_search.scss

@@ -62,12 +62,12 @@
 }
 
 // top and sidebar input styles
-.search-top,
-.search-sidebar {
+.search-top, .search-sidebar {
   .search-clear {
     top: 3px;
     right: 26px;
   }
+
   .input-group-btn {
     position: absolute;
     top: 0;
@@ -75,7 +75,9 @@
     .btn {
       padding: 4px 10px;
     }
-  } // using react-bootstrap-typeahead
+  }
+
+  // using react-bootstrap-typeahead
   // see: https://github.com/ericgio/react-bootstrap-typeahead
   .rbt-input.form-control {
     border: none;
@@ -84,6 +86,7 @@
     border-bottom-right-radius: 40px;
     padding-top: 6px;
     height: 30px;
+
     .rbt-input-wrapper {
       margin-left: 8px;
     }
@@ -94,20 +97,18 @@
 .search-top {
   margin-top: 10px;
   margin-bottom: 10px;
+
   .rbt-input.form-control {
     width: 180px;
-    transition: 0.3s ease-out; // focus
+    transition: 0.3s ease-out;
+    // focus
     &.focus {
       width: 300px;
     }
   }
 }
-
 .search-sidebar {
-  .search-form,
-  .form-group,
-  .rbt-input.form-control,
-  .input-group {
+  .search-form, .form-group, .rbt-input.form-control, .input-group {
     width: 100%;
   }
   .input-group-btn {
@@ -116,6 +117,7 @@
 }
 
 .search-result {
+
   .search-result-list {
     nav {
       padding-right: 0;
@@ -128,7 +130,7 @@
         overflow-y: scroll;
       }
       .nav {
-        >li {
+        > li {
           padding: 2px 8px;
           &.active {
             padding-right: 5px;
@@ -137,25 +139,30 @@
         }
       }
     }
+
     .search-result-meta {
       margin-bottom: 10px;
       font-weight: bold;
     }
+
     .search-result-list-delete-checkbox {
       margin: 0 10px 0 0;
       vertical-align: middle;
     }
   }
+
   .search-result-content {
     padding-bottom: 32px;
+
     .search-result-page {
-      >h2 {
+      > h2 {
         font-size: 20px;
         line-height: 1em;
       }
-      &:first-child>h2 {
+      &:first-child > h2 {
         margin-top: 0;
       }
+
       .wiki {
         border: solid 1px #ccc;
         padding: 16px;