mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-18 05:25:40 +09:00
fix(app): restore mobile channel list scrolling (#1558)
This commit is contained in:
1 parent
0b08e1de2c
commit
1907860b26
56 files changed
+206
-188
No files matched your search
@@ -1,9 +1,9 @@
|
||||
/* SPDX-License-Identifier: AGPL-3.0-or-later */
|
||||
|
||||
.guildsLayoutContainer {
|
||||
--layout-user-area-overlay-height: 0;
|
||||
--layout-user-area-reserved-height: 0;
|
||||
--layout-mobile-bottom-nav-reserved-height: 0;
|
||||
--layout-user-area-overlay-height: 0px;
|
||||
--layout-user-area-reserved-height: 0px;
|
||||
--layout-mobile-bottom-nav-reserved-height: 0px;
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: var(--layout-guild-list-width) minmax(0, 1fr);
|
||||
@@ -19,7 +19,7 @@
|
||||
}
|
||||
|
||||
.guildsLayoutReserveSpace {
|
||||
--layout-user-area-overlay-height: calc(var(--layout-user-area-height) + var(--layout-voice-connection-height, 0));
|
||||
--layout-user-area-overlay-height: calc(var(--layout-user-area-height) + var(--layout-voice-connection-height, 0px));
|
||||
}
|
||||
|
||||
.guildsLayoutReserveMobileBottomNav {
|
||||
@@ -38,11 +38,18 @@
|
||||
}
|
||||
|
||||
.guildListScrollerWrapper {
|
||||
--scroller-track-block-end-inset: var(--layout-user-area-overlay-height, var(--layout-user-area-reserved-height, 0));
|
||||
--scroller-track-block-end-inset: var(
|
||||
--layout-user-area-overlay-height,
|
||||
var(--layout-user-area-reserved-height, 0px)
|
||||
);
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
min-height: 0;
|
||||
height: calc(100% - var(--layout-user-area-reserved-height, 0) - var(--layout-mobile-bottom-nav-reserved-height, 0));
|
||||
height: calc(
|
||||
100% -
|
||||
var(--layout-user-area-reserved-height, 0px) -
|
||||
var(--layout-mobile-bottom-nav-reserved-height, 0px)
|
||||
);
|
||||
width: var(--layout-guild-list-width);
|
||||
min-width: 0;
|
||||
background-color: var(--background-secondary);
|
||||
@@ -72,7 +79,7 @@
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
padding-bottom: calc(
|
||||
var(--layout-user-area-overlay-height, var(--layout-user-area-reserved-height, 0)) +
|
||||
var(--layout-user-area-overlay-height, var(--layout-user-area-reserved-height, 0px)) +
|
||||
var(--spacing-2)
|
||||
);
|
||||
}
|
||||
@@ -212,7 +219,7 @@
|
||||
color 70ms ease-out;
|
||||
container-type: size;
|
||||
--initials-font-size: clamp(0.85rem, 45cqi, 1.35rem);
|
||||
--initials-letter-spacing: 0;
|
||||
--initials-letter-spacing: 0px;
|
||||
--initials-scale: 1;
|
||||
}
|
||||
|
||||
@@ -273,13 +280,13 @@
|
||||
|
||||
.guildIcon[data-initials-length='medium'] .guildIconInitials {
|
||||
--initials-font-size: clamp(0.85rem, 38cqi, 1.11rem);
|
||||
--initials-letter-spacing: 0;
|
||||
--initials-letter-spacing: 0px;
|
||||
--initials-scale: 0.92;
|
||||
}
|
||||
|
||||
.guildIcon[data-initials-length='long'] .guildIconInitials {
|
||||
--initials-font-size: clamp(0.85rem, 32cqi, 0.87rem);
|
||||
--initials-letter-spacing: 0;
|
||||
--initials-letter-spacing: 0px;
|
||||
--initials-scale: 0.78;
|
||||
}
|
||||
|
||||
@@ -566,7 +573,7 @@
|
||||
}
|
||||
|
||||
.outlineFrame {
|
||||
--outline-radius: 0;
|
||||
--outline-radius: 0px;
|
||||
}
|
||||
|
||||
.outlineFrameFullscreen {
|
||||
|
||||
Reference in new issue
Block a user