Skip to content
Snippets Groups Projects
Commit c1c683f0 authored by Simon Malesys's avatar Simon Malesys
Browse files

Turn checkboxes into chips

parent 1a3d0883
No related branches found
No related tags found
No related merge requests found
Pipeline #141707 passed
......@@ -227,7 +227,7 @@ function removeFilter (filterChip: FilterChip): void {
}
.filter-chip {
border-radius: 16px;
border-radius: var(--big-radius);
border: 1px solid var(--primary);
color: var(--primary);
padding-left: 8px;
......@@ -260,25 +260,35 @@ function removeFilter (filterChip: FilterChip): void {
flex-flow: row wrap;
gap: var(--spacing);
padding-left: var(--spacing);
padding-bottom: var(--spacing);
max-width: 800px;
}
.checkbox {
display: flex;
gap: calc(var(--spacing) / 2);
transition: color 0.1s;
&:hover {
color: var(--primary);
}
}
.checkbox input,
.checkbox input {
display: none;
}
.checkbox label {
cursor: pointer;
border: 1px solid inherit;
border-radius: var(--big-radius);
padding: calc(var(--spacing) / 3) calc(var(--spacing) / 2);
transition: all 0.2s;
}
.checkbox input:checked+label {
color: var(--primary);
background-color: var(--primary);
border-color: var(--primary);
color: var(--black);
}
.advanced-search-dialog footer {
......
......@@ -351,7 +351,7 @@ function download(): void {
.loader {
height: 23px;
width: 23px;
border-radius: 50%;
border-radius: var(--big-radius);
display: inline-block;
border-top: 3px solid #FFF;
border-right: 3px solid transparent;
......
......@@ -140,7 +140,7 @@ nav {
.doc-link {
border: 1px solid;
border-color: inherit;
border-radius: 50%;
border-radius: var(--big-radius);
margin-left: 7px;
padding: 0 7px;
}
......
......@@ -20,6 +20,7 @@
--spacing: 20px;
--spacing-table: 16px;
--radius: 5px;
--big-radius: 24px;
--button-padding: 0.5em 0.75em;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment