pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-18 05:25:40 +09:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/ui/action_menu/ContextMenu.module.css
+2 -2
View File
@@ -45,7 +45,7 @@
}
.menuScroller {
--scroller-thumb-inline-end: 0;
--scroller-thumb-inline-end: 0px;
max-height: inherit;
min-height: 0;
}
@@ -375,7 +375,7 @@
}
.submenuScroller {
--scroller-thumb-inline-end: 0;
--scroller-thumb-inline-end: 0px;
max-height: inherit;
min-height: 0;
}
fluxer_app/src/features/ui/avatars/AvatarStack.module.css
+1 -1
View File
@@ -7,7 +7,7 @@
align-items: center;
width: fit-content;
height: calc(var(--avatar-size) + (2 * var(--avatar-outline, 0.125rem)) + var(--avatar-stack-extra-height, 0.375rem));
padding-right: calc(max(calc(0 - var(--avatar-overlap)), 0) + var(--avatar-outline, 0.125rem));
padding-right: calc(max(calc(0px - var(--avatar-overlap)), 0px) + var(--avatar-outline, 0.125rem));
padding-block: var(--avatar-stack-padding-block-start, var(--avatar-outline, 0.125rem))
var(--avatar-stack-padding-block-end, 0.375rem);
flex-shrink: 0;
fluxer_app/src/features/ui/components/BaseAvatar.tsx
+2 -2
View File
@@ -150,13 +150,13 @@ export const BaseAvatar = React.forwardRef<HTMLDivElement, BaseAvatarProps>(
const animatedMediaPlaybackAllowed = useAnimatedMediaPlaybackAllowed({enabled: animatedMediaPlaybackEnabled});
const normalizedStatus = status == null ? null : normalizeStatus(status);
const renderableStatus = resolveRenderableStatus(normalizedStatus);
const layout = getAvatarStatusLayout(size, isMobileStatus);
const isMobileOnline = isMobileStatus && renderableStatus === StatusTypes.ONLINE && !isTyping;
const layout = getAvatarStatusLayout(size, isMobileOnline);
const rawDynamicMaskId = useId();
const dynamicAvatarMaskId = useMemo(
() => `svg-mask-avatar-dynamic-${rawDynamicMaskId.replace(/[^A-Za-z0-9_-]/g, '_')}`,
[rawDynamicMaskId],
);
const isMobileOnline = isMobileStatus && renderableStatus === StatusTypes.ONLINE && !isTyping;
const hasCustomStatusBadge = customStatusBadge != null;
const shouldShowPresenceStatus =
isTyping || (normalizedStatus != null && (showOffline || renderableStatus !== StatusTypes.OFFLINE));
fluxer_app/src/features/ui/scroller/ScrollerTrack.module.css
+2 -2
View File
@@ -12,8 +12,8 @@
}
.vertical {
inset-block-start: var(--scroller-track-block-start-inset, 0);
inset-block-end: var(--scroller-track-block-end-inset, 0);
inset-block-start: var(--scroller-track-block-start-inset, 0px);
inset-block-end: var(--scroller-track-block-end-inset, 0px);
inset-inline-end: 0;
width: var(--scroller-track-size);
}
fluxer_app/src/features/ui/sheet/Sheet.module.css
+6 -6
View File
@@ -7,7 +7,7 @@
--sheet-transition-duration: 220ms;
--sheet-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
--sheet-top-gap: 2.125rem;
--sheet-viewport-offset-bottom: 0;
--sheet-viewport-offset-bottom: 0px;
position: fixed;
inset: 0;
overflow: hidden;
@@ -42,7 +42,7 @@
display: flex;
flex-direction: column;
width: 100%;
height: calc(var(--sheet-viewport-height, 100dvh) - env(safe-area-inset-top, 0) - var(--sheet-top-gap));
height: calc(var(--sheet-viewport-height, 100dvh) - env(safe-area-inset-top, 0px) - var(--sheet-top-gap));
max-height: calc(100dvh - var(--sheet-viewport-offset-bottom));
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
@@ -92,7 +92,7 @@
display: flex;
width: 100%;
justify-content: center;
padding: calc(0.75rem + env(safe-area-inset-top, 0)) 0 0.75rem;
padding: calc(0.75rem + env(safe-area-inset-top, 0px)) 0 0.75rem;
background-color: var(--sheet-surface, var(--background-secondary));
}
@@ -114,7 +114,7 @@
}
.headerSafeArea {
padding-top: calc(0.75rem + env(safe-area-inset-top, 0));
padding-top: calc(0.75rem + env(safe-area-inset-top, 0px));
}
.headerPaddingSm {
@@ -217,7 +217,7 @@
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0));
padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}
.contentNoPadding .contentInner {
@@ -235,7 +235,7 @@
.footer {
padding: 1rem;
padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0));
padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
background-color: var(--sheet-surface, var(--background-secondary));
}
fluxer_app/src/features/ui/toast/Toasts.module.css
+4 -4
View File
@@ -9,23 +9,23 @@
.containerMobile {
right: 1rem;
left: 1rem;
top: calc(1rem + env(safe-area-inset-top, 0));
top: calc(1rem + env(safe-area-inset-top, 0px));
display: flex;
justify-content: center;
}
.containerDesktop {
transform: translateX(-50%);
top: calc(1.5rem + env(safe-area-inset-top, 0));
top: calc(1.5rem + env(safe-area-inset-top, 0px));
left: 50%;
}
:global(html.platform-native:not(.platform-macos) #toast-portal-root) .containerDesktop {
top: calc(1.5rem + env(safe-area-inset-top, 0) + var(--native-titlebar-height, 0));
top: calc(1.5rem + env(safe-area-inset-top, 0px) + var(--native-titlebar-height, 0px));
}
:global(html.platform-native:not(.platform-macos) #toast-portal-root) .containerMobile {
top: calc(1rem + env(safe-area-inset-top, 0) + var(--native-titlebar-height, 0));
top: calc(1rem + env(safe-area-inset-top, 0px) + var(--native-titlebar-height, 0px));
}
.toastWrapper {