fix(app): restore mobile channel list scrolling (#1558)

This commit is contained in:
Hampus authored and GitHub committed 2026-08-11 17:06:09 +02:00
1 parent 0b08e1de2c
commit 1907860b26
56 files changed
+206 -188

No files matched your search

@@ -66,7 +66,7 @@
--action-toolbar-item-size: 2rem;
--action-toolbar-item-background: rgba(0, 0, 0, 0.6);
--action-toolbar-item-color: white;
--action-toolbar-item-border-width: 0;
--action-toolbar-item-border-width: 0px;
}
.actionButton:hover {
@@ -284,7 +284,7 @@
--action-toolbar-item-size: 2rem;
--action-toolbar-item-background: rgba(0, 0, 0, 0.6);
--action-toolbar-item-color: white;
--action-toolbar-item-border-width: 0;
--action-toolbar-item-border-width: 0px;
position: absolute;
top: 0.5rem;
right: 0.5rem;
@@ -42,7 +42,7 @@
}
.messagePreviewSpacing {
margin-top: var(--message-group-spacing, 0);
margin-top: var(--message-group-spacing, 0px);
}
.messagePreview {
@@ -874,7 +874,7 @@
top: 50%;
bottom: calc(-1 * (var(--reply-spacing) + var(--compact-reply-spine-terminal-gap)));
inset-inline-start: var(--compact-reply-spine-center);
inline-size: max(0, var(--compact-reply-spine-run));
inline-size: max(0px, var(--compact-reply-spine-run));
margin-block-start: calc(-0.5 * var(--spine-width));
margin-inline-start: 0;
border-color: var(--reply-spine-color);
@@ -983,7 +983,7 @@
}
.repliedTextContent {
--mention-offset-block-end: 0;
--mention-offset-block-end: 0px;
display: inline;
overflow: hidden;
text-overflow: ellipsis;
@@ -1068,7 +1068,7 @@
justify-content: center;
padding-block-start: 0.15em;
padding-inline-start: max(
0,
0px,
calc(
(
var(--textarea-horizontal-padding, 1rem) +
@@ -1299,9 +1299,9 @@
.typingAvatarContainer {
height: var(--typing-pill-height);
margin-inline: 0;
--avatar-stack-padding-block-start: 0;
--avatar-stack-padding-block-end: 0;
--avatar-stack-extra-height: 0;
--avatar-stack-padding-block-start: 0px;
--avatar-stack-padding-block-end: 0px;
--avatar-stack-extra-height: 0px;
--avatar-stack-outline-color: var(--background-tertiary);
}
@@ -155,10 +155,10 @@ export const THEME_VARIABLES: ReadonlyArray<ThemeVariableDefinition> = [
{name: "--layout-guild-list-width", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-header-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-header-popout-width", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-mobile-bottom-nav-reserved-height", kind: "number", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-mobile-bottom-nav-reserved-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-sidebar-width", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-user-area-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-user-area-reserved-height", kind: "number", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--layout-user-area-reserved-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--link-decoration", kind: "other", groupId: "other", groupLabel: "Other", source: "runtime-accessibility"},
{name: "--markup-everyone-border", kind: "color", groupId: "markup", groupLabel: "Markup & mentions", source: "color-system"},
{name: "--markup-everyone-fill", kind: "color", groupId: "markup", groupLabel: "Markup & mentions", source: "color-system"},
@@ -258,7 +258,7 @@ export const THEME_VARIABLES: ReadonlyArray<ThemeVariableDefinition> = [
{name: "--shadow-sm", kind: "shadow", groupId: "borders", groupLabel: "Borders & focus", source: "color-system"},
{name: "--shadow-xl", kind: "shadow", groupId: "borders", groupLabel: "Borders & focus", source: "color-system"},
{name: "--slowmode-indicator-height", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--spacing-0", kind: "number", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--spacing-0", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--spacing-1", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--spacing-1-5", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
{name: "--spacing-10", kind: "dimension", groupId: "layout", groupLabel: "Layout", source: "globals"},
@@ -304,9 +304,9 @@ export const THEME_VARIABLES: ReadonlyArray<ThemeVariableDefinition> = [
{name: "--textarea-button-height", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-button-icon-size", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-button-min-width", kind: "other", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-button-padding-x", kind: "number", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-container-padding-x", kind: "number", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-container-padding-y", kind: "number", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-button-padding-x", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-container-padding-x", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-container-padding-y", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-content-offset", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-font-size", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
{name: "--textarea-horizontal-padding", kind: "dimension", groupId: "forms", groupLabel: "Forms", source: "features/channel/components/textarea/TextareaInput.module.css"},
@@ -322,7 +322,7 @@ export const THEME_VARIABLES: ReadonlyArray<ThemeVariableDefinition> = [
{name: "--transition-slow", kind: "transition", groupId: "motion", groupLabel: "Motion", source: "color-system"},
{name: "--typing-avatar-size", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-indicator-animation-size", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-indicator-gap", kind: "number", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-indicator-gap", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-indicator-height", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-pill-height", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
{name: "--typing-upload-column-width", kind: "dimension", groupId: "messages", groupLabel: "Messages", source: "globals"},
@@ -1009,10 +1009,10 @@ export const THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--layout-guild-list-width": "4.5rem",
"--layout-header-height": "3.5rem",
"--layout-header-popout-width": "calc(16.875rem - (1rem * 2))",
"--layout-mobile-bottom-nav-reserved-height": "0",
"--layout-mobile-bottom-nav-reserved-height": "0px",
"--layout-sidebar-width": "16.875rem",
"--layout-user-area-height": "4.5rem",
"--layout-user-area-reserved-height": "0",
"--layout-user-area-reserved-height": "0px",
"--link-decoration": "none",
"--markup-everyone-border": "hsla(250, calc(80% * var(--saturation-factor)), 75%, 0.3)",
"--markup-everyone-fill": "color-mix(in srgb, hsl(250, calc(80% * var(--saturation-factor)), 75%) 18%, transparent)",
@@ -1112,7 +1112,7 @@ export const THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.1)",
"--shadow-xl": "0 10px 20px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1)",
"--slowmode-indicator-height": "1rem",
"--spacing-0": "0",
"--spacing-0": "0px",
"--spacing-1": "0.25rem",
"--spacing-1-5": "0.375rem",
"--spacing-10": "2.5rem",
@@ -1158,15 +1158,15 @@ export const THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--textarea-button-height": "2.25rem",
"--textarea-button-icon-size": "1.625rem",
"--textarea-button-min-width": "auto",
"--textarea-button-padding-x": "0",
"--textarea-container-padding-x": "0",
"--textarea-container-padding-y": "0",
"--textarea-button-padding-x": "0px",
"--textarea-container-padding-x": "0px",
"--textarea-container-padding-y": "0px",
"--textarea-content-offset": "calc((2.25rem - calc(1rem * 1.375)) / 2)",
"--textarea-font-size": "1rem",
"--textarea-horizontal-padding": "1rem)",
"--textarea-line-height": "calc(1rem * 1.375)",
"--textarea-min-height": "4.5rem",
"--textarea-side-button-padding": "max( 0, calc((2.5rem - 2.25rem) / 2) )",
"--textarea-side-button-padding": "max( 0px, calc((2.5rem - 2.25rem) / 2) )",
"--textarea-top-bar-height": "2.5rem",
"--textarea-upload-gap": "1rem",
"--theme-border": "transparent",
@@ -1176,10 +1176,10 @@ export const THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--transition-slow": "300ms ease",
"--typing-avatar-size": "0.75rem",
"--typing-indicator-animation-size": "1rem",
"--typing-indicator-gap": "0",
"--typing-indicator-gap": "0px",
"--typing-indicator-height": "1rem",
"--typing-pill-height": "1rem",
"--typing-upload-column-width": "calc( 2.25rem + (max( 0, calc((2.5rem - 2.25rem) / 2) ) * 2) )",
"--typing-upload-column-width": "calc( 2.25rem + (max( 0px, calc((2.5rem - 2.25rem) / 2) ) * 2) )",
"--user-area-content-height": "2.25rem",
"--user-area-divider-color": "color-mix(in srgb, hsla(258, calc(10% * var(--saturation-factor)), 100%, 0.05) 70%, transparent)",
"--user-area-padding-x": "1rem",
@@ -1345,10 +1345,10 @@ export const THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--layout-guild-list-width": "4.5rem",
"--layout-header-height": "3.5rem",
"--layout-header-popout-width": "calc(16.875rem - (1rem * 2))",
"--layout-mobile-bottom-nav-reserved-height": "0",
"--layout-mobile-bottom-nav-reserved-height": "0px",
"--layout-sidebar-width": "16.875rem",
"--layout-user-area-height": "4.5rem",
"--layout-user-area-reserved-height": "0",
"--layout-user-area-reserved-height": "0px",
"--link-decoration": "none",
"--markup-everyone-border": "hsla(250, calc(70% * var(--saturation-factor)), 45%, 0.4)",
"--markup-everyone-fill": "color-mix(in srgb, hsl(250, calc(70% * var(--saturation-factor)), 45%) 12%, transparent)",
@@ -1448,7 +1448,7 @@ export const THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.1)",
"--shadow-xl": "0 10px 20px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1)",
"--slowmode-indicator-height": "1rem",
"--spacing-0": "0",
"--spacing-0": "0px",
"--spacing-1": "0.25rem",
"--spacing-1-5": "0.375rem",
"--spacing-10": "2.5rem",
@@ -1494,15 +1494,15 @@ export const THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--textarea-button-height": "2.25rem",
"--textarea-button-icon-size": "1.625rem",
"--textarea-button-min-width": "auto",
"--textarea-button-padding-x": "0",
"--textarea-container-padding-x": "0",
"--textarea-container-padding-y": "0",
"--textarea-button-padding-x": "0px",
"--textarea-container-padding-x": "0px",
"--textarea-container-padding-y": "0px",
"--textarea-content-offset": "calc((2.25rem - calc(1rem * 1.375)) / 2)",
"--textarea-font-size": "1rem",
"--textarea-horizontal-padding": "1rem)",
"--textarea-line-height": "calc(1rem * 1.375)",
"--textarea-min-height": "4.5rem",
"--textarea-side-button-padding": "max( 0, calc((2.5rem - 2.25rem) / 2) )",
"--textarea-side-button-padding": "max( 0px, calc((2.5rem - 2.25rem) / 2) )",
"--textarea-top-bar-height": "2.5rem",
"--textarea-upload-gap": "1rem",
"--theme-border": "transparent",
@@ -1512,10 +1512,10 @@ export const THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES: Readonly<Record<string,
"--transition-slow": "300ms ease",
"--typing-avatar-size": "0.75rem",
"--typing-indicator-animation-size": "1rem",
"--typing-indicator-gap": "0",
"--typing-indicator-gap": "0px",
"--typing-indicator-height": "1rem",
"--typing-pill-height": "1rem",
"--typing-upload-column-width": "calc( 2.25rem + (max( 0, calc((2.5rem - 2.25rem) / 2) ) * 2) )",
"--typing-upload-column-width": "calc( 2.25rem + (max( 0px, calc((2.5rem - 2.25rem) / 2) ) * 2) )",
"--user-area-content-height": "2.25rem",
"--user-area-divider-color": "hsla(220, calc(10% * var(--saturation-factor)), 40%, 0.2)",
"--user-area-padding-x": "1rem",