UX: Mobile fix (#29)

This commit is contained in:
Jordan Vidrine
2025-03-08 03:45:06 -06:00
committed by GitHub
parent 536b58feba
commit 9e96704c24
2 changed files with 8 additions and 3 deletions
+3
View File
@@ -19,6 +19,9 @@
.has-full-page-chat .chat-replying-indicator-container { .has-full-page-chat .chat-replying-indicator-container {
margin-bottom: var(--d-border-radius-large); margin-bottom: var(--d-border-radius-large);
@include breakpoint(medium) {
margin-bottom: 0;
}
} }
.experimental-screen { .experimental-screen {
+5 -3
View File
@@ -20,8 +20,8 @@ body.has-full-page-chat:not(.has-sidebar-page) {
} }
#main-outlet-wrapper { #main-outlet-wrapper {
gap: var(--main-grid-gap); gap: var(--main-grid-gap);
@include breakpoint(mobile-extra-large) { @include breakpoint("medium") {
grid-column-gap: 0; gap: 0;
} }
.full-page-chat.full-page-chat-sidebar-enabled, .full-page-chat.full-page-chat-sidebar-enabled,
.c-navbar-container { .c-navbar-container {
@@ -39,7 +39,9 @@ body.has-sidebar-page #main-outlet-wrapper {
} }
body:not(.has-sidebar-page) #main-outlet-wrapper { body:not(.has-sidebar-page) #main-outlet-wrapper {
grid-template-columns: 0px 1fr 0px; @include breakpoint("medium", $rule: min-width) {
grid-template-columns: 0px 1fr 0px;
}
} }
body:not(.has-full-page-chat) { body:not(.has-full-page-chat) {