artin/sourcegraph
1
0
Fork 0
mirror of https://github.com/sourcegraph/sourcegraph.git synced 2026-02-06 15:51:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Svelte: Styling updates to search filters (#62536)

Browse Source 
* Styling updates to search filters.

* Help footer styling updates.

* Section gap reduced to bring filter group heading and list together.
This commit is contained in:
Taiyab Raja 2024-05-08 21:33:27 +01:00 committed by GitHub
parent a7416695cd
commit 9c8247ce5a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/web-sveltekit/src/lib/search/dynamicFilters/HelpFooter.svelte
View File

@ -26,6 +26,10 @@
}
&:hover {
h4 {
color: var(--primary);
}
&::before {
background: linear-gradient(91deg, var(--logo-blue) 3.11%, #c66fff 44.21%, #ff8578 83.64%);
}
@ -44,6 +48,7 @@
h4 {
margin-bottom: 0.25rem;
color: var(--text-muted);
}
a {

5
client/web-sveltekit/src/lib/search/dynamicFilters/Section.svelte
View File

@ -86,7 +86,7 @@
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
gap: 0.25rem;
}
input {
@ -105,6 +105,9 @@
}
ul {
display: flex;
flex-flow: column nowrap;
gap: 0.125rem;
margin: 0;
padding: 0;
list-style: none;

4
client/web-sveltekit/src/lib/search/dynamicFilters/Sidebar.svelte
View File

@ -37,8 +37,8 @@
import LanguageIcon from '$lib/LanguageIcon.svelte'
import CodeHostIcon from '$lib/search/CodeHostIcon.svelte'
import SymbolKind from '$lib/search/SymbolKind.svelte'
import { SVELTE_LOGGER, SVELTE_TELEMETRY_EVENTS } from '$lib/telemetry'
import { displayRepoName, scanSearchQuery, type Filter } from '$lib/shared'
import { SVELTE_LOGGER, SVELTE_TELEMETRY_EVENTS } from '$lib/telemetry'
import Tooltip from '$lib/Tooltip.svelte'
import Button from '$lib/wildcard/Button.svelte'
@ -193,7 +193,7 @@
}
.scroll-container {
padding-top: 1rem;
padding-top: 1.25rem;
height: 100%;
background-color: var(--color-bg-1);
overflow-y: auto;

1
client/web-sveltekit/src/routes/svelte-overrides.scss
View File

@ -7,7 +7,6 @@ h3,
h4,
h5,
h6 {
font-weight: 500;
color: var(--text-title);
}