diff --git a/resources/css/plugin.css b/resources/css/plugin.css index 44e765b..ed2c63e 100644 --- a/resources/css/plugin.css +++ b/resources/css/plugin.css @@ -4,10 +4,6 @@ overflow-x: clip !important; } -.filament-sidebar { - z-index: 39 !important; -} - .filament-header { position: -webkit-sticky; position: sticky; @@ -61,7 +57,7 @@ display: block; position: fixed; top: 0; - left: 0; + left: 5.4em; right: 0; z-index: -1; background-color: transparent; @@ -73,7 +69,7 @@ [stuck] .filament-main::before { opacity: 1; - z-index: 38; + z-index: 5; transition: opacity 0.125s ease-out; background-color: theme(colors.white / 75%); border-color: theme("colors.gray.200"); @@ -86,6 +82,10 @@ } @screen lg { + .filament-main.filament-main-sidebar-open::before { + left: var(--sidebar-width); + } + [stuck] .filament-header { margin-inline: -2rem; padding-inline: theme("spacing.8"); diff --git a/resources/dist/filament-sticky-header.css b/resources/dist/filament-sticky-header.css index 3c780b6..e9e76aa 100644 --- a/resources/dist/filament-sticky-header.css +++ b/resources/dist/filament-sticky-header.css @@ -1 +1 @@ -.filament-app-layout{overflow-x:clip!important}.filament-sidebar{z-index:39!important}.filament-header{position:-webkit-sticky;position:sticky;top:0}[stuck] .filament-header{margin-inline:-1rem;padding-inline:1rem;padding-block:.75rem;z-index:39;min-height:4rem;align-items:center;background-color:#ffffffbf;border-color:#e5e7eb;border-bottom:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[stuck] .filament-header h1{font-size:1.25rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dark [stuck] .filament-header{background-color:#111827bf;border-color:#374151}@media (min-width:768px){[stuck] .filament-header{margin-inline:-1.5rem;padding-inline:1.5rem}.dark [stuck] .filament-header,[stuck] .filament-header{background-color:initial!important;border-color:#0000!important;-webkit-backdrop-filter:none;backdrop-filter:none}.filament-main:before{content:"";opacity:0;height:4rem;display:block;position:fixed;top:0;left:0;right:0;z-index:-1;background-color:initial;border-color:#0000;border-bottom:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .125s ease-out}[stuck] .filament-main:before{opacity:1;z-index:38;transition:opacity .125s ease-out;background-color:#ffffffbf;border-color:#e5e7eb}.dark [stuck] .filament-main:before{background-color:#111827bf;border-color:#374151}}@media (min-width:1024px){[stuck] .filament-header{margin-inline:-2rem;padding-inline:2rem}} \ No newline at end of file +.filament-app-layout{overflow-x:clip!important}.filament-header{position:-webkit-sticky;position:sticky;top:0}[stuck] .filament-header{margin-inline:-1rem;padding-inline:1rem;padding-block:.75rem;z-index:39;min-height:4rem;align-items:center;background-color:#ffffffbf;border-color:#e5e7eb;border-bottom:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[stuck] .filament-header h1{font-size:1.25rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dark [stuck] .filament-header{background-color:#111827bf;border-color:#374151}@media (min-width:768px){[stuck] .filament-header{margin-inline:-1.5rem;padding-inline:1.5rem}.dark [stuck] .filament-header,[stuck] .filament-header{background-color:initial!important;border-color:#0000!important;-webkit-backdrop-filter:none;backdrop-filter:none}.filament-main:before{content:"";opacity:0;height:4rem;display:block;position:fixed;top:0;left:5.4em;right:0;z-index:-1;background-color:initial;border-color:#0000;border-bottom:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .125s ease-out}[stuck] .filament-main:before{opacity:1;z-index:5;transition:opacity .125s ease-out;background-color:#ffffffbf;border-color:#e5e7eb}.dark [stuck] .filament-main:before{background-color:#111827bf;border-color:#374151}}@media (min-width:1024px){.filament-main.filament-main-sidebar-open:before{left:var(--sidebar-width)}[stuck] .filament-header{margin-inline:-2rem;padding-inline:2rem}} \ No newline at end of file