Rooba
/
nightTab
mirror of https://github.com/zombieFox/nightTab.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[bug] fix style for nested buttons in button group

This commit is contained in:
zombieFox 2019-01-04 19:53:50 +00:00
parent 390d559605
commit 637d74bc32
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/button.css
View File

@ -103,15 +103,21 @@ button [class*=" icon-"],
border-radius: 0;
}
.button-group button:first-child,
.button-group .button:first-child,
.button-group .button-group-addon:first-child {
.button-group>button:first-child,
.button-group>.button:first-child {
border-radius: var(--radius) 0 0 var(--radius);
}
.button-group button:last-child,
.button-group .button:last-child,
.button-group .button-group-addon:last-child {
.button-group>button:last-child,
.button-group>.button:last-child {
border-radius: 0 var(--radius) var(--radius) 0;
}
.button-group.nested-button *:first-child .button {
border-radius: var(--radius) 0 0 var(--radius);
}
.button-group.nested-button *:last-child .button {
border-radius: 0 var(--radius) var(--radius) 0;
}

2
index.html
View File

@ -45,7 +45,7 @@
</button>
</div>
<div class="header-item header-edit-add">
<div class="button-group mb-0">
<div class="button-group nested-button mb-0">
<div class="checkbox-wrap">
<input id="control-edit" class="control-edit" type="checkbox" tabindex="1">
<label for="control-edit" class="button button-checkbox">