Fixed 'About QGato' not being visible on mobile
Some checks failed
Run Integration Tests / test (push) Failing after 35s

This commit is contained in:
partisan 2025-07-04 20:33:12 +02:00
parent b12b3c8db0
commit c17c8daf5d
2 changed files with 10 additions and 4 deletions

View file

@ -4,7 +4,7 @@
right: 20px; right: 20px;
top: 25px; top: 25px;
position: fixed; position: fixed;
z-index: 9999; z-index: 800;
} }
.settings-icon-link-search { .settings-icon-link-search {
@ -19,7 +19,7 @@
width: 330px; width: 330px;
right: 0; right: 0;
margin-top: 50px; margin-top: 50px;
z-index: 9999; z-index: 700;
margin-right: 20px; margin-right: 20px;
background-color: var(--html-bg); background-color: var(--html-bg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@ -155,7 +155,7 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
/* Keep it on top */ /* Keep it on top */
z-index: 999; z-index: 900;
/* Match mini-menu background style */ /* Match mini-menu background style */
background-color: var(--html-bg); background-color: var(--html-bg);
@ -174,6 +174,12 @@
color: var(--font-fg); color: var(--font-fg);
} }
@media (max-width: 450px) {
#aboutQGatoModal {
width: 80%;
}
}
#aboutQGatoModal #close-button { #aboutQGatoModal #close-button {
position: absolute; position: absolute;
top: 12px; top: 12px;

View file

@ -640,7 +640,7 @@ p {
width: 100%; width: 100%;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
position: fixed; position: fixed;
z-index: 999; z-index: 600;
top: 0; top: 0;
} }