diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less index 51f2dfef86..3118ab28b7 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less @@ -344,8 +344,9 @@ input.umb-group-builder__group-title-input:disabled:hover { .umb-group-builder__property-actions { flex: 0 0 44px; - text-align: right; - margin-top: 7px; + display: flex; + align-items: center; + justify-content: flex-end; } .umb-group-builder__property-action { @@ -498,6 +499,7 @@ input.umb-group-builder__group-sort-value { text-decoration: none; color: @ui-action-type-hover; border-color: @ui-action-border-hover; + background-color: @ui-action-discreet-hover; } } @@ -525,6 +527,13 @@ input.umb-group-builder__group-sort-value { display: flex; align-items: center; max-width: calc(100% - 48px); + min-height: 80px; + color: @ui-action-discreet-type; + + &:hover { + color: @ui-action-discreet-type-hover; + background-color: @ui-action-discreet-hover; + } } .editor-icon-wrapper { @@ -533,6 +542,7 @@ input.umb-group-builder__group-sort-value { text-align: center; line-height: 60px; flex: 0 0 60px; + padding-left: 10px; .icon { font-size: 32px; @@ -560,10 +570,14 @@ input.umb-group-builder__group-sort-value { width: 48px; height: 48px; font-size: 18px; - color: @ui-action-type; + + min-height: 80px; + color: @ui-action-discreet-type; &:hover { - color: @ui-action-type-hover; + color: @ui-action-discreet-type-hover; + background-color: @ui-action-discreet-hover; } + color: @ui-action-discreet-type; } .checkbox { diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less index a906bc0eed..ad7c4ff95d 100644 --- a/src/Umbraco.Web.UI.Client/src/less/variables.less +++ b/src/Umbraco.Web.UI.Client/src/less/variables.less @@ -81,6 +81,8 @@ @sand-5: #F3ECE8;// added 2019 @sand-6: #F6F1EF;// added 2019 @sand-7: #F9F7F5;// added 2019 +@sand-8: #fbfaf9;// added 2019 +@sand-9: #fdfcfc;// added 2019 // Additional Icon Colours @@ -134,11 +136,11 @@ @ui-option-type: @blueExtraDark; @ui-option-type-hover: @blueMid; @ui-option: @white; -@ui-option-hover: @sand-7; +@ui-option-hover: @sand-8; @ui-option-disabled-type: @gray-6; @ui-option-disabled-type-hover: @gray-5; -@ui-option-disabled-hover: @sand-7; +@ui-option-disabled-hover: @sand-8; @ui-disabled-type: @gray-6; @ui-disabled-border: @gray-6; @@ -166,14 +168,14 @@ @ui-action: @white; -@ui-action-hover: @sand-7; +@ui-action-hover: @sand-8; @ui-action-type: @blueExtraDark; @ui-action-type-hover: @blueMid; @ui-action-border: @blueExtraDark; @ui-action-border-hover: @blueMid; @ui-action-discreet: @white; -@ui-action-discreet-hover: @sand-7; +@ui-action-discreet-hover: @sand-8; @ui-action-discreet-type: @blueExtraDark; @ui-action-discreet-type-hover: @blueMid; @ui-action-discreet-border: @gray-7; diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html index c8ef23f8ae..3353be6f06 100644 --- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html +++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html @@ -139,7 +139,7 @@ ng-keypress="vm.submitOnEnter($event)" /> -
+
@@ -151,7 +151,7 @@
-
+