wholetrans/docs-matrix-spec
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Arrange rows in .basic-info tables vertically when horizontal space is constrained (#1771)

Browse source 
Co-authored-by: Andrew Morgan <1342360+anoadragon453@users.noreply.github.com>
This commit is contained in:
Johannes Marbach 2024-04-09 15:31:46 +02:00 • committed by GitHub
parent e74c7c1540
commit ee1a169121
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/scss/_styles_project.scss
View file

@ -437,6 +437,31 @@ footer {
&.basic-info th { &.basic-info th {
width: 15rem; width: 15rem;
} }
/* Arrange rows vertically when horizontal space is constrained to avoid overflowing */
@include media-breakpoint-down(sm) {
/* Make cells full width without vertical margin */
&.basic-info th, &.basic-info td {
width: 100%;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
/* Remove border and padding between header & data cells to make them appear like a single cell */
&.basic-info td {
padding-top: 0;
border-top: none;
}
&.basic-info th {
border-bottom: none;
}
/* Remove top border on all but the first header cell to prevent double borders between rows */
&.basic-info tr + tr th {
border-top: none;
}
}
} }
pre { pre {

1
changelogs/internal/newsfragments/1771.clarification Normal file
View file

@ -0,0 +1 @@
Arrange rows in `.basic-info` tables vertically when horizontal space is constrained.