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 {
interpolate-size: allow-keywords;
height: 0;
@layer payload-default {
.rah-static {
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 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 9999;
opacity: 1;
@layer payload-default {
.progress-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 9999;
opacity: 1;
&__progress {
height: 100%;
background-color: var(--theme-elevation-1000);
transition: width ease-in var(--transition-duration);
}
&__progress {
height: 100%;
background-color: var(--theme-elevation-1000);
transition: width ease-in var(--transition-duration);
}
&--fade-out {
opacity: 0;
transition: opacity linear var(--transition-duration);
transition-delay: var(--transition-duration);
&--fade-out {
opacity: 0;
transition: opacity linear var(--transition-duration);
transition-delay: var(--transition-duration);
}
}
}