HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

merge: fix classic ui sidebars not sticking

Browse source
This commit is contained in:
Marie 2023-11-29 02:45:41 +01:00 committed by GitHub
commit 5f3754f9fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/components/global/MkPageHeader.tabs.vue
View file

@ -216,6 +216,7 @@ onUnmounted(() => {
&.active { &.active {
opacity: 1; opacity: 1;
color: var(--accent);
} }
&.animate { &.animate {

3
packages/frontend/src/ui/classic.sidebar.vue
View file

@ -109,7 +109,8 @@ watch(defaultStore.reactiveState.menuDisplay, () => {
$nav-icon-only-width: 78px; // TODO: どこかに集約したい $nav-icon-only-width: 78px; // TODO: どこかに集約したい
$avatar-size: 32px; $avatar-size: 32px;
$avatar-margin: 8px; $avatar-margin: 8px;
position: sticky;
top: 16px;
padding: 0 16px; padding: 0 16px;
box-sizing: border-box; box-sizing: border-box;
width: 260px; width: 260px;

8
packages/frontend/src/ui/classic.vue
View file

@ -253,9 +253,13 @@ onMounted(() => {
} }
> .widgets { > .widgets {
//--panelBorder: none; position: sticky;
top: 0;
width: 300px; width: 300px;
padding-bottom: calc(var(--margin) + env(safe-area-inset-bottom, 0px)); height: 100%;
padding-top: 16px;
box-sizing: border-box;
overflow: auto;
@media (max-width: $widgets-hide-threshold) { @media (max-width: $widgets-hide-threshold) {
display: none; display: none;