yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make guide section more mobile friendly on portrait

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-15 19:59:57 +03:00
parent 122b706350
commit 21ace9299f
5 changed files with 85 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
data/static/css/style.css
View File

@@ -60,11 +60,6 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #c11c1c;
}
@@ -1539,3 +1534,19 @@ img.badge-button {
background-color: rgb(186.8501612903, 155.5098387097, 132.6498387097);
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
.guide-container {
grid-template-areas: "guide-toc" "guide-topics";
grid-template-columns: unset;
}
.guide-toc {
position: unset;
}
.guide-section {
padding-right: 20px;
}
}

20
data/static/css/theme-otomotone.css
View File

@@ -60,11 +60,6 @@ body {
color: #e6e6e6;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #e87fe1;
}
@@ -1540,6 +1535,21 @@ img.badge-button {
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
.guide-container {
grid-template-areas: "guide-toc" "guide-topics";
grid-template-columns: unset;
}
.guide-toc {
position: unset;
}
.guide-section {
padding-right: 20px;
}
}
#topnav {
margin-bottom: 10px;
border: 10px solid rgb(40, 40, 40);

20
data/static/css/theme-peachy.css
View File

@@ -60,11 +60,6 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 12px 0;
}
}
:where(a:link) {
color: black;
}
@@ -1540,6 +1535,21 @@ img.badge-button {
color: black;
}
@media (orientation: portrait) {
body {
margin: 12px 0;
}
.guide-container {
grid-template-areas: "guide-toc" "guide-topics";
grid-template-columns: unset;
}
.guide-toc {
position: unset;
}
.guide-section {
padding-right: 12px;
}
}
#topnav {
border-top-left-radius: 16px;
border-top-right-radius: 16px;

21
data/static/css/theme-snow-white.css
View File

@@ -60,11 +60,6 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #711579;
}
@@ -1539,3 +1534,19 @@ img.badge-button {
background-color: rgb(186.8501612903, 155.5098387097, 132.6498387097);
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
.guide-container {
grid-template-areas: "guide-toc" "guide-topics";
grid-template-columns: unset;
}
.guide-toc {
position: unset;
}
.guide-section {
padding-right: 20px;
}
}