ensure that collapsible style does not affect inputs and labels inside collapsible-body

This commit is contained in:
Mehdi El Fadil 2022-03-22 17:41:30 +01:00
parent 8e61aa1a9b
commit 81180ec0bf
3 changed files with 8 additions and 8 deletions

10
dist/paper.css vendored
View file

@ -1319,20 +1319,20 @@ table.table-alternating tbody tr:nth-of-type(even) {
overflow: hidden;
padding: 0 0.75rem;
}
.collapsible input {
.collapsible > input {
display: none;
}
.collapsible input:checked + label {
.collapsible > input:checked + label {
color: #41403e;
color: var(--primary);
}
.collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
.collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {
margin: 0;
max-height: 960px;
opacity: 1;
padding: 0.75rem;
}
.collapsible label {
.collapsible > label {
color: #41403e;
color: var(--primary);
border-bottom-color: #41403e;
@ -1345,7 +1345,7 @@ table.table-alternating tbody tr:nth-of-type(even) {
padding: 0.75rem;
text-align: center;
}
.collapsible label:hover {
.collapsible > label:hover {
color: #41403e;
color: var(--muted);
cursor: pointer;

2
dist/paper.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -21,7 +21,7 @@
padding: 0 0.75rem;
}
input {
> input {
display: none;
&:checked + label {
@ -36,7 +36,7 @@
}
}
label {
> label {
@include color('color', 'primary');
@include color('border-bottom-color', 'muted-light');
border-bottom-style: solid;