From 68a37782bf1c17022c4424af97bbb4aaec8deaaa Mon Sep 17 00:00:00 2001 From: the1812 Date: Sat, 12 Mar 2022 20:39:38 +0800 Subject: [PATCH] Improve live list height (fix #2211) --- registry/lib/components/feeds/_feeds-panel-shared.scss | 9 +++++++++ .../components/feeds/extend-live/extend-feeds-live.scss | 6 ++---- .../components/feeds/fixed-sidebars/fixed-sidebars.scss | 6 ++---- 3 files changed, 13 insertions(+), 8 deletions(-) create mode 100644 registry/lib/components/feeds/_feeds-panel-shared.scss diff --git a/registry/lib/components/feeds/_feeds-panel-shared.scss b/registry/lib/components/feeds/_feeds-panel-shared.scss new file mode 100644 index 000000000..e12864c95 --- /dev/null +++ b/registry/lib/components/feeds/_feeds-panel-shared.scss @@ -0,0 +1,9 @@ +.live-up-list { + max-height: calc(100vh - 315px); + body.enable-feeds-filter & { + max-height: calc(100vh - 370px); + } + body.feeds-filter-side-block-profile & { + max-height: calc(100vh - 180px); + } +} diff --git a/registry/lib/components/feeds/extend-live/extend-feeds-live.scss b/registry/lib/components/feeds/extend-live/extend-feeds-live.scss index 3debbf698..3554d1072 100644 --- a/registry/lib/components/feeds/extend-live/extend-feeds-live.scss +++ b/registry/lib/components/feeds/extend-live/extend-feeds-live.scss @@ -1,9 +1,7 @@ @import "common"; +@import "../feeds-panel-shared"; + .live-up-list { - max-height: calc(100vh - 380px); - body.feeds-filter-side-block-profile & { - max-height: calc(100vh - 180px); - } @include no-scrollbar(); .live-detail[data-live-title] { color: black; diff --git a/registry/lib/components/feeds/fixed-sidebars/fixed-sidebars.scss b/registry/lib/components/feeds/fixed-sidebars/fixed-sidebars.scss index 34dfe088f..ebe04d0d8 100644 --- a/registry/lib/components/feeds/fixed-sidebars/fixed-sidebars.scss +++ b/registry/lib/components/feeds/fixed-sidebars/fixed-sidebars.scss @@ -42,13 +42,11 @@ margin-left: calc(var(--left-width) + 16px + var(--center-width)) !important; } .live-panel .live-up-list { - max-height: calc(100vh - 380px); overflow: auto; @include no-scrollbar(); - body.feeds-filter-side-block-profile & { - max-height: calc(100vh - 180px); - } } +@import "../feeds-panel-shared"; + .adaptive-scroll { min-height: unset !important; .scroll-content {