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

clean css code with bootstrap tags

mayu morita 7 лет назад
Родитель
Сommit
42b1d03b31

+ 1 - 1
resource/js/components/PageEditor/CodeMirrorEditor.js

@@ -448,7 +448,7 @@ export default class CodeMirrorEditor extends AbstractEditor {
     const editorOptions = Object.assign(defaultEditorOptions, this.props.editorOptions || {});
 
     return <React.Fragment>
-           <ReactCodeMirror
+        <ReactCodeMirror
         ref="cm"
         className={this.state.additionalClass}
         placeholder="search"

+ 13 - 13
resource/js/components/SearchTypeahead.js

@@ -145,7 +145,7 @@ export default class SearchTypeahead extends React.Component {
     const defaultSelected = (this.props.keywordOnInit != '')
       ? [{path: this.props.keywordOnInit}]
       : [];
-    const help = this.newMethod();
+    const help = this.searchHelp();
 
     return (
       <div className="search-typeahead">
@@ -172,20 +172,20 @@ export default class SearchTypeahead extends React.Component {
     );
   }
 
-  newMethod() {
+  searchHelp() {
     return <div className="search-help">
-            <p>Search Help</p>
-              <ul className="left">
-                <li>keyword</li>
-                <li>title:keyword</li>
-                <li>a b</li>
-                <li>-keyword</li>
+            <h5>Search Help</h5>
+              <ul className="left small">
+                <li><h6>keyword</h6></li>
+                <li><h6>title:keyword</h6></li>
+                <li><h6>a b</h6></li>
+                <li><h6>-keyword</h6></li>
               </ul>
-              <ul className="right">
-                <li>記事名 or カテゴリ or 本文にkeywordを含む</li>
-                <li>記事名にkeywordを含む</li>
-                <li>文字列aとbを含む(スペース区切り)</li>
-                <li>文字列keywordを含まない</li>
+              <ul className="right small">
+                <li><h6>記事名 or カテゴリ or 本文にkeywordを含む</h6></li>
+                <li><h6>記事名にkeywordを含む</h6></li>
+                <li><h6>文字列aとbを含む(スペース区切り)</h6></li>
+                <li><h6>文字列keywordを含まない</h6></li>
               </ul>
             </div>;
   }

+ 3 - 7
resource/styles/scss/_search.scss

@@ -64,19 +64,15 @@
   }
   ul, li {
     border-bottom: solid 1px #000000;
-    padding: 0.2em;
-  }
+    }
   li {
-    height: 3.8em;
+    height: 3.6em;
     word-wrap: break-word;
-    font-size: 0.8em;
-    line-height: 1.2em;
   }
 }
 
 // top and sidebar input styles
-.search-top,
-.search-sidebar {
+.search-top, .search-sidebar {
   .search-clear {
     top: 3px;
     right: 26px;