extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-09 06:49:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

[bug] fix style for nested buttons in button group

Browse Source
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; border-radius: 0;
} }
.button-group button:first-child, .button-group>button:first-child,
.button-group .button:first-child, .button-group>.button:first-child {
.button-group .button-group-addon:first-child {
border-radius: var(--radius) 0 0 var(--radius); border-radius: var(--radius) 0 0 var(--radius);
} }
.button-group button:last-child, .button-group>button:last-child,
.button-group .button:last-child, .button-group>.button:last-child {
.button-group .button-group-addon: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; border-radius: 0 var(--radius) var(--radius) 0;
} }

2
index.html
View File

@ -45,7 +45,7 @@
</button> </button>
</div> </div>
<div class="header-item header-edit-add"> <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"> <div class="checkbox-wrap">
<input id="control-edit" class="control-edit" type="checkbox" tabindex="1"> <input id="control-edit" class="control-edit" type="checkbox" tabindex="1">
<label for="control-edit" class="button button-checkbox"> <label for="control-edit" class="button button-checkbox">