Filip/matrix-spec
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-spec synced 2026-03-23 19:44:09 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Reduce whitespace on mobile viewports

Browse source 
Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
This commit is contained in:
Johannes Marbach 2024-03-26 13:50:12 +01:00
parent 083e6ef25d
commit 5cd141c095
2 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
assets/scss/_styles_project.scss
View file

@ -40,10 +40,14 @@ Custom SCSS for the Matrix spec
.navbar-brand {
font-size: 1.1rem;
@media (max-width: 768px) {
text-align: center;
white-space: normal;
}
.navbar-version {
color: $secondary;
}
}
.nav-link {
@ -172,6 +176,12 @@ footer {
}
.td-main main {
@media (max-width: 768px) {
padding-top: 0;
}
}
/* Adjust the scroll margin for everything in the main content, so that
* it doesn't disappear behind the header bar */
.td-content * {
@ -471,12 +481,20 @@ of .td-content. This applies the same style to any blockquotes that descend from
Make padding symmetrical (this selector is used in the default styles to apply padding-left: 3rem)
*/
.pl-md-5, .px-md-5 {
padding-right: 3rem;
@media (min-width: 768px) {
padding-right: 3rem;
}
}
/* Adjust default styles for info banner */
.pageinfo-primary {
max-width: 80%;
@media (min-width: 768px) {
max-width: 80%;
}
@media (max-width: 768px) {
margin-top: 0;
margin-right: 0;
}
margin-left: 0;
border: 0;
border-left: solid 5px $secondary;

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

@ -0,0 +1 @@
Reduce whitespace on mobile viewports