Browse Source

HUE-6077 [frontend] Restyle a bit the create button

Enrico Berti 8 years ago
parent
commit
9279532a68

File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


+ 6 - 0
desktop/core/src/desktop/static/desktop/less/hue-mixins.less

@@ -71,6 +71,12 @@
   box-shadow: @left @top 6px 0 rgba(0, 0, 0, 0.18), @left @top 8px 0 rgba(0, 0, 0, 0.13);
 }
 
+.hue-inset-box-shadow {
+  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
+  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
+  box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
+}
+
 @keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }

+ 6 - 0
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -101,6 +101,12 @@ body {
 .hue-main-create-btn {
   padding-left: 26px;
   padding-right: 26px;
+  border-bottom-color: @hue-primary-color-dark;
+}
+
+.hue-main-create-btn-dropdown {
+  border-bottom-color: @hue-primary-color-dark;
+  .hue-inset-box-shadow;
 }
 
 .jobs-panel {

+ 1 - 1
desktop/core/src/desktop/templates/hue.mako

@@ -119,7 +119,7 @@ ${ hueIcons.symbols() }
           </button>
           <!-- /ko -->
           <!-- /ko -->
-          <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="javascript: void(0);"><!-- ko ifnot: mainQuickCreateAction -->${ _('More') } <!-- /ko --><span class="caret"></span></button>
+          <button class="btn btn-primary dropdown-toggle hue-main-create-btn-dropdown" data-toggle="dropdown" href="javascript: void(0);"><!-- ko ifnot: mainQuickCreateAction -->${ _('More') } <!-- /ko --><span class="caret"></span></button>
           <ul class="dropdown-menu hue-main-create-dropdown" data-bind="foreach: { data: quickCreateActions, as: 'item' }">
             <!-- ko template: 'quick-create-item-template' --><!-- /ko -->
           </ul>

Some files were not shown because too many files changed in this diff