diff --git a/fluxer_app/src/app/globals.css b/fluxer_app/src/app/globals.css index b4d1d5bc0..cac369459 100644 --- a/fluxer_app/src/app/globals.css +++ b/fluxer_app/src/app/globals.css @@ -132,12 +132,9 @@ var { --composer-action-gap: 0.25rem; --composer-surface-color: var(--background-secondary-lighter); --composer-status-line-height: 1.125rem; + --composer-status-row-height: 1.5rem; --composer-status-safe-gap: 0.5rem; - --composer-status-safe-area: calc( - var(--composer-status-line-height) + - var(--composer-status-safe-gap) + - var(--composer-status-safe-gap) - ); + --composer-status-safe-area: calc(var(--composer-status-row-height) + var(--composer-status-safe-gap)); --guild-list-item-box-size: 3rem; --guild-list-item-gap: 0.375rem; --guild-list-item-target-size: calc(var(--guild-list-item-box-size) + var(--guild-list-item-gap)); @@ -173,7 +170,7 @@ var { --textarea-min-height: var(--footer-box-height); --textarea-padding-y: var(--footer-box-padding-y); --composer-box-inset: max(0rem, calc((var(--input-container-min-height) - var(--textarea-min-height)) / 2)); - --messages-bottom-clearance: var(--composer-status-safe-area); + --messages-bottom-clearance: var(--composer-status-row-height); --composer-box-inset-inline: min( var(--footer-box-inset), var(--chat-horizontal-padding, var(--chat-horizontal-padding-default)) diff --git a/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css b/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css index 98aade9ff..9334ae818 100644 --- a/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css +++ b/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css @@ -53,7 +53,7 @@ --slowmode-indicator-height: var(--composer-status-line-height, 1.125rem); position: absolute; inset-inline: var(--composer-box-padding-inline, 0px); - bottom: calc(100% + var(--composer-status-safe-gap, 0.5rem)); + bottom: 100%; z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, auto); @@ -61,7 +61,7 @@ gap: 0.5rem; min-width: 0; max-width: 100%; - height: var(--composer-status-line-height, 1.125rem); + height: var(--composer-status-row-height, 1.5rem); box-sizing: border-box; pointer-events: none; } diff --git a/fluxer_app/src/features/theme/variables/ThemeVariableManifest.ts b/fluxer_app/src/features/theme/variables/ThemeVariableManifest.ts index 54c247ef6..7ca514b52 100644 --- a/fluxer_app/src/features/theme/variables/ThemeVariableManifest.ts +++ b/fluxer_app/src/features/theme/variables/ThemeVariableManifest.ts @@ -160,6 +160,7 @@ export type ThemeVariableName = | "--composer-mobile-box-height" | "--composer-mobile-padding-y" | "--composer-status-line-height" + | "--composer-status-row-height" | "--composer-status-safe-area" | "--composer-status-safe-gap" | "--composer-surface-color" @@ -622,6 +623,7 @@ export const THEME_VARIABLES: ReadonlyArray = [ {name: "--composer-mobile-box-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"}, {name: "--composer-mobile-padding-y", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"}, {name: "--composer-status-line-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"}, + {name: "--composer-status-row-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"}, {name: "--composer-status-safe-area", kind: "dimension", groupId: "other", groupLabel: "Other", source: "globals"}, {name: "--composer-status-safe-gap", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"}, {name: "--composer-surface-color", kind: "color", groupId: "surfaces", groupLabel: "Surfaces", source: "globals"}, @@ -1085,6 +1087,7 @@ export const THEME_VARIABLE_NAMES: ReadonlyArray = [ "--composer-mobile-box-height", "--composer-mobile-padding-y", "--composer-status-line-height", + "--composer-status-row-height", "--composer-status-safe-area", "--composer-status-safe-gap", "--composer-surface-color", @@ -1739,7 +1742,8 @@ export const THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES: Readonly