Svelte: fix css selector (sourcegraph#63896)

Fixes a couple of small style changes after rolling out the mobile version.
yonasBSD · Jul 18, 2024 · dfb55a2 · dfb55a2
1 parent dbf420b
commit dfb55a2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte b/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte
@@ -190,7 +190,7 @@
 </Popover>
 
 <style lang="scss">
-    div[data-repo-rev-picker-trigger] > :global(*) {
+    span[data-repo-rev-picker-trigger] > :global(*) {
         width: 100%;
         height: 100%;
     }

diff --git a/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte b/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte
@@ -152,7 +152,7 @@
 
 <GlobalHeaderPortal>
     {#if $isViewportMobile}
-        <Button variant="secondary" outline on:click={() => (showSearchInput = true)}>
+        <Button id="mobile-search-button" variant="secondary" outline on:click={() => (showSearchInput = true)}>
             <Icon icon={ILucideSearch} inline aria-hidden /> Search
         </Button>
     {/if}
@@ -213,6 +213,10 @@
         --repo-header-height: 2rem;
     }
 
+    :global(#mobile-search-button) {
+        width: 100%;
+    }
+
     .search-header {
         width: 100%;
         z-index: 1;