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

fix(app): backport rendering improvements (#1580)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-08-13 19:52:00 +02:00
1 parent 0c291a01da
commit 42cdc1f877
513 files changed
+98743 -70397
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/app/components/layout/GuildsLayout.module.css
+38 -14
View File
@@ -42,6 +42,10 @@
--layout-user-area-overlay-height,
var(--layout-user-area-reserved-height, 0px)
);
--floating-unread-indicator-bottom-inset: calc(
var(--layout-user-area-overlay-height, var(--layout-user-area-reserved-height, 0px)) +
0.5rem
);
grid-column: 1;
grid-row: 1;
min-height: 0;
@@ -62,9 +66,14 @@
width: 100%;
min-width: 0;
background-color: var(--background-secondary);
overflow-anchor: none;
--guild-badge-surface: var(--background-secondary);
padding-top: var(--spacing-1);
padding-bottom: var(--spacing-2);
scroll-padding-bottom: calc(
var(--layout-user-area-overlay-height, var(--layout-user-area-reserved-height, 0px)) +
var(--spacing-2)
);
}
.guildListContent {
@@ -323,10 +332,11 @@
}
.dmListSection {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--guild-list-item-gap);
gap: 0;
min-height: 0;
width: 100%;
}
@@ -377,7 +387,28 @@
composes: guildListItem;
}
.dmListItemWrapper {
.dmListRow {
position: relative;
height: calc(var(--guild-list-item-box-size) + var(--guild-list-item-gap));
width: 100%;
flex-shrink: 0;
overflow: visible;
z-index: 0;
}
.dmListRow[data-pending-removal='true'] {
z-index: 3;
pointer-events: none;
}
.dmListRow[data-last-row='true'] {
height: var(--guild-list-item-box-size);
}
.dmListItemBox {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
height: var(--guild-list-item-box-size);
width: 100%;
display: flex;
@@ -582,31 +613,24 @@
background: #000;
}
:global(html.platform-native:not(.platform-macos)) .guildsLayoutContainer {
:global(html.platform-native) .guildsLayoutContainer {
padding-top: var(--native-titlebar-height);
}
:global(html.platform-native:not(.platform-macos)) .guildsLayoutFullscreen {
:global(html.platform-native) .guildsLayoutFullscreen {
padding-top: 0;
}
:global(html.platform-native.platform-macos) .guildListScrollContainer {
padding-top: var(--native-titlebar-height);
}
:global(html:not(.platform-native)) .outlineFrame,
:global(html.platform-native.platform-macos) .outlineFrame {
:global(html:not(.platform-native)) .outlineFrame {
border-top: none;
}
:global(html.platform-native:not(.platform-macos)) .outlineFrame {
:global(html.platform-native) .outlineFrame {
border-top: 0.0625rem solid var(--user-area-divider-color);
--outline-radius: clamp(0.5rem, 1.2vw, 0.875rem);
}
:global(html:not(.platform-native)) .outlineFrameFullscreen,
:global(html.platform-native.platform-macos) .outlineFrameFullscreen,
:global(html.platform-native:not(.platform-macos)) .outlineFrameFullscreen {
:global(html.platform-native) .outlineFrame.outlineFrameFullscreen {
border: none;
}