Skip to content

Commit e984abf

Browse files
authored
feat: Use full-width tables in expanders (#366)
Full-width tables look a bit better: <img width="854" height="352" alt="image" src="https://github.com/user-attachments/assets/42b442ce-f7b3-4be1-8c69-5ae7fb0288ce" /> Before: <img width="848" height="349" alt="image" src="https://github.com/user-attachments/assets/42f073fb-f311-4f2a-8ec1-e8764d0a7e5b" /> Removing the margin-right on inside elements of the expanders, they were introduced because of #142, but it doesn't seem to be an issue anymore.
1 parent 1e3f74f commit e984abf

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

assets/sass/expander.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,11 @@ details {
5454
border-radius: var(--border-radius-m);
5555
margin-bottom: 1.2rem;
5656
border: var(--border);
57+
58+
table {
59+
width: 100%;
60+
margin-left: 0;
61+
}
5762
}
5863

5964
details > summary {
@@ -68,10 +73,6 @@ details > div {
6873
overflow-x: auto;
6974
}
7075

71-
details > div > * {
72-
margin-right: 1rem;
73-
}
74-
7576
details > summary::-webkit-details-marker {
7677
display: none;
7778
}

0 commit comments

Comments
 (0)