UX: Mobile fix (#29)
This commit is contained in:
@@ -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
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user