@@ -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; }
@@ -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 {
+ .hue-inset-box-shadow;
.jobs-panel {
@@ -119,7 +119,7 @@ ${ hueIcons.symbols() }
</button>
<!-- /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>