radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-10-31 01:00:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Prevent sidebar content animation when switching themes

Browse Source
This commit is contained in:
dnlklmn
2024-02-01 09:40:30 +00:00
committed by Rūdolfs Ošiņš
parent ab982e934e
commit 232e6f1b5a
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/projects/Sidebar.svelte
+7 -7
View File
@@ -77,7 +77,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
transition: 150ms ease-in-out;
transition: width 150ms ease-in-out;
width: 4.5rem;
}
.sidebar.expanded {
@@ -110,7 +110,7 @@
justify-content: space-between;
width: 100%;
opacity: 0;
transition: 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
}
.title-counter.expanded {
opacity: 1;
@@ -126,7 +126,7 @@
}
.help.expanded {
opacity: 1;
transition: 150ms;
transition: opacity 150ms;
transition-delay: 150ms;
}
.help-box {
@@ -143,7 +143,7 @@
height: fit-content;
display: flex;
flex-direction: column-reverse;
transition: 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
transition-delay: 60ms;
margin-bottom: 0.5rem;
}
@@ -155,15 +155,15 @@
display: flex;
gap: 0.5rem;
opacity: 0;
transition: 30ms ease-in-out;
transition: opacity 30ms ease-in-out;
}
.horizontal-buttons.expanded {
opacity: 1;
transition: 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
}
.icon {
transform: rotate(180deg);
transition: 150ms ease-in-out;
transition: transform 150ms ease-in-out;
}
.icon.expanded {
transform: rotate(0deg);