tabshift/payloadcms
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(ui): scope rah-static and progress-bar styles to payload-default layer (#11442)

Browse Source
This commit is contained in:
Said Akhrarov
2025-02-28 14:05:39 -05:00
committed by GitHub
parent 77395b6483
commit bef98c8d6e
2 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/elements/AnimateHeight/index.scss
View File

@@ -1,8 +1,10 @@
.rah-static { @layer payload-default {
interpolate-size: allow-keywords; .rah-static {
height: 0; interpolate-size: allow-keywords;
height: 0;
&--height-auto { &--height-auto {
height: auto; height: auto;
}
} }
} }

36
packages/ui/src/providers/RouteTransition/ProgressBar/index.scss
View File

@@ -1,21 +1,23 @@
.progress-bar { @layer payload-default {
position: fixed; .progress-bar {
top: 0; position: fixed;
left: 0; top: 0;
width: 100%; left: 0;
height: 2px; width: 100%;
z-index: 9999; height: 2px;
opacity: 1; z-index: 9999;
opacity: 1;
&__progress { &__progress {
height: 100%; height: 100%;
background-color: var(--theme-elevation-1000); background-color: var(--theme-elevation-1000);
transition: width ease-in var(--transition-duration); transition: width ease-in var(--transition-duration);
} }
&--fade-out { &--fade-out {
opacity: 0; opacity: 0;
transition: opacity linear var(--transition-duration); transition: opacity linear var(--transition-duration);
transition-delay: var(--transition-duration); transition-delay: var(--transition-duration);
}
} }
} }