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

Adjust border radius of button in button group if having sub buttons

Browse Source
This commit is contained in:
Bjarne Fyrstenborg
2020-07-01 14:49:24 +02:00
committed by Sebastiaan Janssen
parent 68ed7c908b
commit e66fd7b8e0
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button-group.less
View File

@@ -14,7 +14,7 @@
display: flex;
}
.umb-button-group {
.umb-button-group.-with-button-group-toggle {
.umb-button__button {
border-radius: @baseBorderRadius 0 0 @baseBorderRadius;

7
src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-button-group.html
View File

@@ -1,4 +1,4 @@
<div class="btn-group umb-button-group" ng-class="{'dropup': direction === 'up'}">
<div class="btn-group umb-button-group" ng-class="{ 'dropup': direction === 'up', '-with-button-group-toggle': subButtons.length > 0 }">
<umb-button
ng-if="defaultButton"
@@ -32,12 +32,11 @@
</button>
<umb-dropdown
ng-show="subButtons.length > 0 && dropdown.isOpen"
ng-if="subButtons.length > 0 && dropdown.isOpen"
class="umb-button-group__sub-buttons"
on-close="closeDropdown()"
deep-blur="closeDropdown()"
ng-class="{'-align-right': float === 'right'}"
>
ng-class="{'-align-right': float === 'right'}">
<umb-dropdown-item ng-repeat="subButton in subButtons">
<button
data-element="{{subButton.alias ? 'button-' + subButton.alias : 'button-group-secondary-' + $index }}"