shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX: main-outlet needs dynamic bottom padding when composer open (#119)

Browse Source 
When the composer is open the `#main-outlet`'s bottom padding needs to
match the composer height, so the content behind the composer can be
scrolled into view.

Reported here:
https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/26?u=awesomerobot
This commit is contained in:
Kris
2025-04-14 09:06:42 -04:00
committed by GitHub
parent 0cd52c07fe
commit 3a9917862d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/main.scss
+4 -1
View File
@@ -63,8 +63,11 @@ body:not(.has-full-page-chat) {
} }
#main-outlet { #main-outlet {
width: 100%; width: 100%;
padding-bottom: var(--spacing-block-l);
max-width: unset; max-width: unset;
padding-bottom: var(--spacing-block-l);
html.composer-open & {
padding-bottom: var(--composer-height);
}
> *:not(.experimental-screen, .activate-account) { > *:not(.experimental-screen, .activate-account) {
@include breakpoint(medium, $rule: min-width) { @include breakpoint(medium, $rule: min-width) {
box-sizing: border-box; box-sizing: border-box;