Quellcode durchsuchen

HUE-6925 [indexes] Style the section titles

Enrico Berti vor 8 Jahren
Ursprung
Commit
1ff8a2c

+ 1 - 1
desktop/libs/indexer/src/indexer/static/indexer/css/indexes.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */.indexer-main{padding:20px;padding-top:10px}.divider{padding-left:12px;color:#C8C8C8}
+ */.indexer-main{padding:20px;padding-top:10px}.indexer-main h4{font-weight:bold;color:#A0A0A0;font-size:14px;text-transform:uppercase;padding-left:4px;border-bottom:1px solid #DCDCDC;padding-bottom:3px}.divider{padding-left:12px;color:#C8C8C8}

+ 10 - 0
desktop/libs/indexer/src/indexer/static/indexer/less/indexes.less

@@ -21,6 +21,16 @@
 .indexer-main {
   padding: 20px;
   padding-top: 10px;
+
+  h4 {
+    font-weight: bold;
+    color: @cui-gray-600;
+    font-size: 14px;
+    text-transform: uppercase;
+    padding-left: 4px;
+    border-bottom: 1px solid @cui-gray-300;
+    padding-bottom: 3px;
+  }
 }
 
 .divider {

+ 6 - 4
desktop/libs/indexer/src/indexer/templates/indexes.mako

@@ -302,8 +302,10 @@ ${ assist.assistPanel() }
 
     <div class="tab-pane" id="index-columns">
       <!-- ko if: $root.tab() == 'index-columns' -->
-        <input class="input-xlarge search-query margin-left-10" type="text" placeholder="${ _('Search for a column...') }" data-bind="clearable: $root.columnFilter, value: $root.columnFilter, valueUpdate: 'afterkeydown'"/>
+        <input class="input-xlarge search-query margin-left-10" type="text" placeholder="${ _('Search for a field...') }" data-bind="clearable: $root.columnFilter, value: $root.columnFilter, valueUpdate: 'afterkeydown'"/>
+        <div class="margin-top-10">
         <!-- ko template: 'indexes-index-fields' --><!-- /ko -->
+        </div>
       <!-- /ko -->
     </div>
 
@@ -317,7 +319,7 @@ ${ assist.assistPanel() }
 <script type="text/html" id="indexes-index-overview">
   <div>
     <!-- ko template: 'indexes-index-properties' --><!-- /ko -->
-
+    <h4>${ _('Fields') }</h4>
     <!-- ko template: { name: 'indexes-index-fields-fields', data: fieldsPreview }--><!-- /ko -->
     <a class="pointer" data-bind="visible: fields().length > fieldsPreview().length, click: function() { $('li a[href=\'#index-columns\']').click(); }">
       ${_('View more...')}
@@ -325,6 +327,8 @@ ${ assist.assistPanel() }
 
     <br><br>
 
+    <h4>${ _('Sample') }</h4>
+
     <div style="overflow: auto">
       <!-- ko template: { name: 'indexes-index-sample', data: samplePreview, full: false }--><!-- /ko -->
     </div>
@@ -348,8 +352,6 @@ ${ assist.assistPanel() }
 
 <script type="text/html" id="indexes-index-fields-fields">
   <div>
-    <h4>${ _('Fields') }</h4>
-
     <table class="table table-condensed table-nowrap">
       <thead>
         <tr>