@noahbaumgartner/svelte-ui 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -116,7 +116,12 @@
|
|
|
116
116
|
});
|
|
117
117
|
</script>
|
|
118
118
|
|
|
119
|
-
<header
|
|
119
|
+
<header
|
|
120
|
+
{...rest}
|
|
121
|
+
bind:this={ref}
|
|
122
|
+
class={['navbar', open && 'navbar--open', className]}
|
|
123
|
+
bind:offsetHeight={height}
|
|
124
|
+
>
|
|
120
125
|
<div class="navbar-bar">
|
|
121
126
|
<div class="navbar-start">
|
|
122
127
|
{#if logo}{@render logo()}{/if}
|
|
@@ -160,6 +165,13 @@
|
|
|
160
165
|
user-select: none;
|
|
161
166
|
}
|
|
162
167
|
|
|
168
|
+
/* An open menu is opaque, so no page content shows through the bar */
|
|
169
|
+
.navbar--open {
|
|
170
|
+
background-color: var(--color-bg);
|
|
171
|
+
-webkit-backdrop-filter: none;
|
|
172
|
+
backdrop-filter: none;
|
|
173
|
+
}
|
|
174
|
+
|
|
163
175
|
/* Without a blurred backdrop, translucent text-on-content would be hard to read */
|
|
164
176
|
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
|
|
165
177
|
.navbar {
|
|
@@ -217,7 +229,7 @@
|
|
|
217
229
|
}
|
|
218
230
|
|
|
219
231
|
.navbar-panel :global(.navigation-menu) {
|
|
220
|
-
padding:
|
|
232
|
+
padding: 72px var(--navbar-gutter, 16px) 32px;
|
|
221
233
|
}
|
|
222
234
|
|
|
223
235
|
.navbar-panel :global(.navigation-menu-list) {
|