discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

many styling fixes, esp. for both landscape & portrait mobile UX tooltips & navbar; core.settings now permits another device on local net to access dev server
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Disco DeDisco
2026-03-10 14:11:53 -04:00
parent fe6d2c5db1
commit 791510b46d
6 changed files with 115 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/static_src/scss/_base.scss
View File

@@ -171,6 +171,74 @@ body {
}
}
@media (orientation: landscape) and (max-width: 1023px) {
body .container {
padding: 0.4rem 1rem;
.navbar {
padding: 0.2rem 0;
.navbar-brand h1 {
font-size: 1.2rem;
}
.btn-primary {
width: 3rem;
height: 3rem;
font-size: 0.75rem;
border-width: 0.125rem;
}
}
.row {
padding: 0.5rem 0;
.col-lg-6 h2 {
font-size: 2.1rem;
margin-bottom: 0.5rem;
// text-justify: inter-character is Firefox-only; approximate for Safari/Chrome
letter-spacing: 1em;
text-align: center;
text-align-last: center;
}
}
}
#id_footer {
height: 3rem;
padding: 0.4rem 1rem;
gap: 0.2rem;
#id_footer_nav a {
font-size: 1.4rem;
}
}
}
@media (orientation: portrait) and (max-width: 500px) {
body .container {
.navbar {
.navbar-brand h1 {
font-size: 1.2rem;
}
.btn-primary {
width: 3rem;
height: 3rem;
font-size: 0.75rem;
border-width: 0.125rem;
}
}
.row .col-lg-6 h2 {
text-align: center;
text-align-last: center;
letter-spacing: 0.25em;
margin: 0 0 0.5rem;
font-size: 2.2rem;
}
}
}
@media (min-width: 1024px) and (max-height: 700px) {
body .container .navbar {
padding: 0.5rem 0;