composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 10:38:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Button group: Fix buttons' corners when 3+ elements

Browse Source
This commit is contained in:
Molkobain
2021-03-24 23:56:56 +01:00
parent 11f330cff6
commit a5a771b242
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/backoffice/components/_button-group.scss
View File

@@ -17,11 +17,6 @@ $ibo-button-group--elements-separator--border-left: 1px solid transparent !defau
position: relative;
}
/* Overload the default button left margin for siblings */
.ibo-button + .ibo-button {
margin-left: 0;
}
/* Overload border radius to make it look like a whole */
.ibo-button:first-child {
border-radius: $ibo-button-group--border-radius-external $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-external;
@@ -31,6 +26,15 @@ $ibo-button-group--elements-separator--border-left: 1px solid transparent !defau
border-radius: $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-external $ibo-button-group--border-radius-external $ibo-button-group--border-radius-internal;
}
.ibo-button:not(:first-child):not(:last-child){
border-radius: $ibo-button-group--border-radius-internal;
}
/* Overload the default button left margin for siblings */
.ibo-button + .ibo-button {
margin-left: 0;
}
.ibo-button + .ibo-button::before {
content: $ibo-button-group--elements-separator--content;
position: absolute;