Fix mobile settings layout overflow

This commit is contained in:
vorotamoroz
2026-08-25 17:27:31 +00:00
parent 0b1f5ca719
commit 4ff5b4dfe8
8 changed files with 339 additions and 57 deletions
+23 -2
View File
@@ -536,14 +536,35 @@ div.workspace-leaf-content[data-type="bases"] .livesync-status {
}
.sls-setting-panel-title {
position: sticky;
font-size: medium;
top: 2.5em;
background-color: var(--background-secondary-alt);
border-radius: 10px;
padding: 0.5em 1em;
}
body.is-mobile .sls-setting button {
max-width: 100%;
white-space: normal;
}
body.is-mobile .sls-setting-mobile-wrap-controls {
flex-wrap: wrap;
}
body.is-mobile .sls-setting-mobile-wrap-controls .setting-item-control {
min-width: 0;
flex: 1 1 100%;
flex-wrap: wrap;
}
body.is-mobile .sls-setting-mobile-wrap-controls .setting-item-control > button {
flex: 1 1 12rem;
}
body.is-mobile .modal.mod-settings.sls-setting-modal .modal-header {
background-color: var(--background-primary);
}
.active-pane .sls-setting-panel-title {
border: 1px solid var(--interactive-accent);
}