1
0
mirror of https://github.com/oupala/apaxy.git synced 2025-08-13 17:44:24 +02:00

fix: rendering on small (mobile) screens

- Allow wrapping of long breadcrumbs line that leads to horizontal scrolling and breaks lightGallery zooming
- Maximize filenames column width and shrink icons column
This commit is contained in:
Andrey V. Novikov
2023-02-02 15:24:24 +03:00
committed by oupala
parent cd741bcfc6
commit 95ad6b92be

View File

@@ -164,7 +164,6 @@ th {
} }
/* 2nd Column: Filename */ /* 2nd Column: Filename */
th + th { th + th {
width: 65%; width: 65%;
} }
@@ -178,11 +177,7 @@ th + th + th + th {
width: 5%; width: 5%;
} }
tr th:first-of-type { tr th:first-of-type,
padding-left: 10px;
padding-right: 10px;
}
tr td:first-of-type { tr td:first-of-type {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
@@ -234,6 +229,9 @@ tr.parent a[href^="/"] {
body { body {
padding: 10px; padding: 10px;
} }
/* 2nd Column: Filename */
.indexcolname { width: 95%; }
/* 3rd Column: Last Modified */
.indexcollastmod { display: none; } .indexcollastmod { display: none; }
.wrapper { max-width: 100%; } .wrapper { max-width: 100%; }
} }
@@ -320,7 +318,6 @@ tr.parent a[href^="/"] {
\*------------------------------------*/ \*------------------------------------*/
.breadcrumb { .breadcrumb {
white-space: nowrap;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
@@ -332,6 +329,7 @@ tr.parent a[href^="/"] {
margin: 0 9px 20px -10px; margin: 0 9px 20px -10px;
padding: 0 15px; padding: 0 15px;
position: relative; position: relative;
white-space: nowrap;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.breadcrumb li { .breadcrumb li {