fix(web): Fix mobile header padding and narrow-viewport table overflow
Restore vh-based top padding on the app bar at <=640px (previously overridden by a fixed value), and collapse secondary-language prayer name alternatives at <=480px so times never scroll off-screen.
This commit is contained in:
1 parent
b5aecf4304
commit
e295a997a1
1 file changed
+21
-1
@@ -169,7 +169,7 @@ body {
|
|||||||
.app-bar {
|
.app-bar {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 0.625rem;
|
gap: 0.625rem;
|
||||||
padding: 0.75rem 1rem;
|
padding: clamp(1rem, 4vh, 2rem) 1rem 0.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -237,6 +237,26 @@ p + p {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.salath-table {
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell-names {
|
||||||
|
width: 62%;
|
||||||
|
white-space: normal;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell-times {
|
||||||
|
width: 38%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.salath-name-alternatives {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.salath-table {
|
.salath-table {
|
||||||
font-size: clamp(1.1rem, 2.4vh, 1.625rem);
|
font-size: clamp(1.1rem, 2.4vh, 1.625rem);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|||||||
Reference in new issue
Block a user