Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/plugins/chat/assets/stylesheets/common/chat-height-mixin.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

27 lines
695 B
SCSS
Raw Normal View History

FIX: allows notch to have composer bg color (#21589)
2023-05-16 12:46:14 -04:00
@mixin chat-height($inset: 0px) {
FIX: moves chat height computation to a mixin (#21555) This commit also removes safe-area-inset-bottom when keyboard is displayed to avoid having a taller than needed space between composer and replying indicator.
2023-05-15 09:53:18 -04:00
// desktop and mobile
FIX: Make long thread titles readable (#25456) When reaching the top of a thread, the full thread title will be displayed if it was too long to fit. It works in mobile, drawer mode, and fullscreen. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-01-30 08:18:00 -05:00
// -1px is for the bottom border of the chat navbar
UX: shows PWA/Hub footer navigation on chat (#25501) This commit sets a default of 0px for `--footer-nav-height` and set it only when `body.footer-nav-visible` allowing us to safely use `--footer-nav-height` wherever it will be needed if set.
2024-01-31 08:41:12 -05:00
FIX: moves chat height computation to a mixin (#21555) This commit also removes safe-area-inset-bottom when keyboard is displayed to avoid having a taller than needed space between composer and replying indicator.
2023-05-15 09:53:18 -04:00
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
UX: shows PWA/Hub footer navigation on chat (#25501) This commit sets a default of 0px for `--footer-nav-height` and set it only when `body.footer-nav-visible` allowing us to safely use `--footer-nav-height` wherever it will be needed if set.
2024-01-31 08:41:12 -05:00
var(--composer-height, 0px) - var(--footer-nav-height, 0px) - 1px - $inset
FIX: moves chat height computation to a mixin (#21555) This commit also removes safe-area-inset-bottom when keyboard is displayed to avoid having a taller than needed space between composer and replying indicator.
2023-05-15 09:53:18 -04:00
);
// mobile with keyboard opened
.keyboard-visible & {
FIX: chat navbar follow-ups (#24951) - correctly accounts for navbar height on ipad and when keyboard is open - fixes an incorrect I18n key
2023-12-18 14:22:13 -05:00
height: calc(
UX: shows PWA/Hub footer navigation on chat (#25501) This commit sets a default of 0px for `--footer-nav-height` and set it only when `body.footer-nav-visible` allowing us to safely use `--footer-nav-height` wherever it will be needed if set.
2024-01-31 08:41:12 -05:00
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px) - 1px - $inset
FIX: chat navbar follow-ups (#24951) - correctly accounts for navbar height on ipad and when keyboard is open - fixes an incorrect I18n key
2023-12-18 14:22:13 -05:00
);
FIX: moves chat height computation to a mixin (#21555) This commit also removes safe-area-inset-bottom when keyboard is displayed to avoid having a taller than needed space between composer and replying indicator.
2023-05-15 09:53:18 -04:00
}
// ipad
.footer-nav-ipad & {
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
UX: shows PWA/Hub footer navigation on chat (#25501) This commit sets a default of 0px for `--footer-nav-height` and set it only when `body.footer-nav-visible` allowing us to safely use `--footer-nav-height` wherever it will be needed if set.
2024-01-31 08:41:12 -05:00
var(--composer-height, 0px) - var(--footer-nav-height, 0px) - 1px -
$inset
FIX: moves chat height computation to a mixin (#21555) This commit also removes safe-area-inset-bottom when keyboard is displayed to avoid having a taller than needed space between composer and replying indicator.
2023-05-15 09:53:18 -04:00
);
}
}