swcs/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use btn style action for consistency + cleaning button styles

Browse Source
This commit is contained in:
Niels Lyngsø
2019-03-19 14:19:34 +01:00
parent 61c76dc28b
commit dbb99c2e6b
5 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Umbraco.Web.UI.Client/src/less/buttons.less
+3 -11
View File
@@ -195,22 +195,14 @@ input[type="button"] {
}
// Made for Umbraco, 2019
.btn-action {
.buttonBackground(@blueExtraDark, @blueDark, @white, @u-white);
}
// Made for Umbraco, 2019
.btn-selection {
@btnSelectionBackgroundHover: darken(@pinkLight, 10%);
.buttonBackground(@pinkLight, @btnSelectionBackgroundHover, @blueExtraDark, @blueDark);
.buttonBackground(@blueExtraDark, lighten(@blueExtraDark, 10), @white, @u-white);
transition: background-color 240ms;
font-weight: 700;
}
// Made for Umbraco, 2019, used for buttons that has to stand back.
.btn-white {
.buttonBackground(@btnWhiteBackground, @btnWhiteBackgroundHighlight, @btnWhiteType, @btnWhiteTypeHover);
}
// Made for Umbraco, 2019, used for buttons on grey background.
.btn-white-shadow {
.buttonBackground(@btnWhiteBackground, @btnWhiteBackgroundHighlight, @btnWhiteType, @btnWhiteTypeHover);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.16);
}
// Inverse appears as dark gray
.btn-inverse {
.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html
+2 -2
View File
@@ -9,7 +9,7 @@
alias="compositions"
ng-if="compositions !== false"
type="button"
button-style="white-shadow"
button-style="action"
label-key="contentTypeEditor_compositions"
icon="icon-merge"
action="openCompositionsDialog()"
@@ -21,7 +21,7 @@
alias="reorder"
ng-if="sorting !== false"
type="button"
button-style="white-shadow"
button-style="action"
label-key="{{sortingButtonKey}}"
icon="icon-navigation"
action="toggleSortingMode();"
src/Umbraco.Web.UI.Client/src/views/languages/overview.html
+1 -1
View File
@@ -16,7 +16,7 @@
<umb-editor-sub-header>
<umb-editor-sub-header-content-left>
<umb-button button-style="white-shadow"
<umb-button button-style="action"
type="button"
action="vm.addLanguage()"
label-key="languages_addLanguage">
src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
+3 -3
View File
@@ -13,13 +13,13 @@
<umb-editor-sub-header-section ng-if="(listViewAllowedTypes && listViewAllowedTypes.length > 0 && (selection.length == 0)) && (currentNodePermissions == null || currentNodePermissions.canCreate)">
<div class="btn-group" ng-show="createAllowedButtonSingle">
<a class="btn btn-white-shadow" ng-click="createBlank(entityType,listViewAllowedTypes[0].alias)">
<a class="btn btn-action" ng-click="createBlank(entityType,listViewAllowedTypes[0].alias)">
<localize key="actions_create">Create</localize> {{listViewAllowedTypes[0].name}}
</a>
</div>
<div class="btn-group" ng-show="createAllowedButtonSingleWithBlueprints">
<a class="btn btn-white-shadow dropdown-toggle" data-toggle="dropdown" ng-href="">
<a class="btn btn-action dropdown-toggle" data-toggle="dropdown" ng-href="">
<span ng-click="createBlank(entityType,listViewAllowedTypes[0].alias)">
<localize key="actions_create">Create</localize> {{listViewAllowedTypes[0].name}}
</span>
@@ -37,7 +37,7 @@
</div>
<div class="btn-group" ng-show="createAllowedButtonMultiWithBlueprints">
<a class="btn btn-white-shadow dropdown-toggle" data-toggle="dropdown" ng-href="" ng-click="page.createDropdownOpen = !page.createDropdownOpen">
<a class="btn btn-action dropdown-toggle" data-toggle="dropdown" ng-href="" ng-click="page.createDropdownOpen = !page.createDropdownOpen">
<localize key="actions_create">Create</localize>
<span class="caret"></span>
</a>
src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
+1 -1
View File
@@ -11,7 +11,7 @@
<umb-editor-sub-header-content-left ng-if="vm.selection.length === 0">
<umb-button-group
ng-if="vm.defaultButton"
button-style="white-shadow"
button-style="action"
default-button="vm.defaultButton"
sub-buttons="vm.subButtons">
</umb-button-group>