Bilibili-Evolved/registry/lib/components/feeds/fixed-sidebars/fixed-sidebars.scss
2022-05-26 22:17:10 +08:00

84 lines
1.6 KiB
SCSS

@import 'common';
#app {
z-index: 0;
}
.z-top-container,
.international-header {
position: sticky !important;
top: 0 !important;
z-index: 1;
}
.van-popper-avatar,
.van-popper-vip,
.van-popper-favorite,
.van-popper-history,
.van-popper-upload,
.popover-channe,
.popover-game,
.popover-live,
.custom-navbar {
position: fixed !important;
}
.sticky-bar {
display: none !important;
}
.left-panel,
.right-panel {
position: fixed !important;
}
.home-container {
--left-width: 244px;
--center-width: 632px;
@media screen and (min-width: 1921px) {
--left-width: 12.71vw;
--center-width: 32.92vw;
}
@media screen and (min-width: 2497px) {
--left-width: 317px;
--center-width: 822px;
}
}
.center-panel {
margin-left: calc(var(--left-width) + 8px) !important;
}
.right-panel {
margin-left: calc(var(--left-width) + 16px + var(--center-width)) !important;
}
.live-panel .live-up-list {
overflow: auto;
@include no-scrollbar();
}
@import '../feeds-panel-shared';
.adaptive-scroll {
min-height: unset !important;
.scroll-content {
position: static !important;
}
}
.bili-dyn-home--member {
--center-width: 632px;
--gap: 8px;
--fixed-offset: calc(var(--center-width) + (100% - var(--center-width)) / 2 + var(--gap));
section.sticky {
position: static !important;
}
aside {
position: fixed !important;
&.left {
right: var(--fixed-offset);
}
&.right {
left: var(--fixed-offset);
}
}
@media screen and (min-width: 1921px) {
--center-width: 32.92vw;
}
@media screen and (min-width: 2497px) {
--center-width: 822px;
}
}