IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: iPad footer nav now included in header offset (#21699)

Browse Source
This commit is contained in:
Kris 2023-05-23 17:49:19 -04:00 committed by GitHub
parent 911539c1b2
commit 5dd89e0b70
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 1 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/common/base/menu-panel.scss
View File

@ -540,13 +540,6 @@
} }
} }
body.footer-nav-ipad {
.hamburger-panel .revamped,
.menu-panel.slide-in {
margin-top: var(--footer-nav-height);
}
}
.hamburger-panel .menu-panel.slide-in { .hamburger-panel .menu-panel.slide-in {
left: 0; left: 0;

8
app/assets/stylesheets/common/base/sidebar.scss
View File

@ -41,14 +41,6 @@
var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px) var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px)
); );
.footer-nav-ipad & {
top: calc(var(--header-offset) + var(--footer-nav-height));
height: calc(
var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px)
);
}
align-self: start; align-self: start;
overflow-y: auto; overflow-y: auto;

3
app/assets/stylesheets/common/base/topic.scss
View File

@ -50,9 +50,6 @@ $topic-progress-height: 42px;
align-self: start; align-self: start;
@include sticky; @include sticky;
top: calc(var(--header-offset, 60px) + 2em); top: calc(var(--header-offset, 60px) + 2em);
.footer-nav-ipad & {
top: calc(var(--header-offset, 60px) + var(--footer-nav-height) + 2em);
}
margin-left: 1em; margin-left: 1em;
z-index: z("timeline"); z-index: z("timeline");

13
plugins/chat/assets/stylesheets/common/chat-height-mixin.scss
View File

@ -20,20 +20,9 @@
.footer-nav-ipad & { .footer-nav-ipad & {
height: calc( height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) - var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) - var(--chat-draft-header-height, 0px) -
var(--chat-direct-message-creator-height, 0px) - var(--chat-direct-message-creator-height, 0px) -
var(--composer-height, 0px) var(--composer-height, 0px)
); );
} }
// ipad with keyboard opened
.keyboard-visible & {
.footer-nav-ipad & {
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) -
var(--chat-direct-message-creator-height, 0px)
);
}
}
} }