github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-04 12:23:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
bad14899e6
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.

25 lines
628 B
SCSS
Raw Normal View History

FIX: allows notch to have composer bg color (#21589)
2023-05-17 00:46:14 +08: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 21:53:18 +08:00
// desktop and mobile
DEV: implements <Chat::Navbar /> (#24917) This new navbar component is used for every navbar in chat, full page or drawer, and any screen. This commit also uses this opportunity to correctly decouple drawer-routes from full page routes. This will avoid having this kind of properties in components: `@includeHeader={{false}}`. The header is now defined in the parent template using a navbar. Each route has now its own template wrapped in a div of the name of the route, eg: `<div class="c-routes-threads">..</div>`. The navbar API: ```gjs <Navbar as |navbar|> <navbar.BackButton /> <navbar.Title @title="Foo" /> <navbar.ChannelTitle @channel={{@channel}} /> <navbar.Actions as |action|> <action.CloseThreadButton /> </navbar.Actions> </navbar> ``` The full list of components is listed in `plugins/chat/assets/javascripts/discourse/components/navbar/index.gjs` and `plugins/chat/assets/javascripts/discourse/components/navbar/actions.gjs`. Visually the header is not changing much, only in drawer mode the background has been removed. This commit also introduces a `<List />` component to facilitate rendering lists in chat plugin.
2023-12-19 00:49:58 +08:00
// 46px is the height of the navbar
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 21:53:18 +08:00
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
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-19 03:22:13 +08:00
var(--composer-height, 0px) - var(--chat-header-offset, 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 21:53:18 +08: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-19 03:22:13 +08:00
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--chat-header-offset, 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 21:53:18 +08:00
}
// ipad
.footer-nav-ipad & {
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
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-19 03:22:13 +08:00
var(--chat-header-offset, 0px) - var(--composer-height, 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 21:53:18 +08:00
);
}
}
Reference in New Issue Copy Permalink