github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 16:02:46 +08:00
Code Issues Actions 1 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 {
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)
);
.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;
overflow-y: auto;

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

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

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

@ -20,20 +20,9 @@
.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-draft-header-height, 0px) -
var(--chat-direct-message-creator-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)
);
}
}
}