2021-03-01 15:04:41 +01:00
|
|
|
.filterList,
|
|
|
|
div.filterList {
|
|
|
|
white-space: normal;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.filter {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2021-01-21 10:42:05 +01:00
|
|
|
|
|
|
|
.filter,
|
|
|
|
button.filter,
|
|
|
|
.filter:hover,
|
|
|
|
.filter:active,
|
|
|
|
.filter:focus {
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
margin-right: calc(var(--spacer) / 6);
|
2021-03-01 15:04:41 +01:00
|
|
|
margin-bottom: calc(var(--spacer) / 6);
|
2021-01-21 10:42:05 +01:00
|
|
|
color: var(--color-secondary);
|
2021-02-25 13:16:32 +01:00
|
|
|
background: var(--background-content);
|
2021-01-21 10:42:05 +01:00
|
|
|
|
|
|
|
/* the only thing not possible to overwrite button style="text" with more specifity of selectors, so sledgehammer */
|
2021-03-01 15:04:41 +01:00
|
|
|
padding: calc(var(--spacer) / 6) !important;
|
2021-01-21 10:42:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.filter:hover,
|
|
|
|
.filter:focus {
|
|
|
|
color: var(--font-color-text);
|
|
|
|
background: inherit;
|
|
|
|
transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.filter.selected {
|
|
|
|
color: var(--background-body);
|
|
|
|
background: var(--font-color-text);
|
|
|
|
border-color: var(--background-body);
|
|
|
|
}
|
2021-02-22 15:25:27 +01:00
|
|
|
|
2021-02-24 19:32:18 +01:00
|
|
|
.filter.selected::after {
|
|
|
|
content: '✕';
|
2021-02-23 22:51:02 +01:00
|
|
|
margin-left: calc(var(--spacer) / 6);
|
|
|
|
color: var(--background-body);
|
2021-02-24 19:32:18 +01:00
|
|
|
}
|
2021-03-02 10:29:57 +01:00
|
|
|
|
2021-02-23 11:43:49 +01:00
|
|
|
.filterList:first-of-type {
|
2021-02-22 15:25:27 +01:00
|
|
|
margin-bottom: calc(var(--spacer) / 6);
|
2021-02-23 11:43:49 +01:00
|
|
|
}
|
2021-03-03 15:13:03 +01:00
|
|
|
|
2021-05-25 08:44:00 +02:00
|
|
|
.showClear:hover {
|
2021-05-20 10:50:52 +02:00
|
|
|
display: inline-flex;
|
|
|
|
color: var(--color-primary);
|
|
|
|
}
|
2021-03-02 14:41:43 +01:00
|
|
|
.showClear {
|
|
|
|
display: inline-flex;
|
|
|
|
text-transform: capitalize;
|
|
|
|
color: var(--color-secondary);
|
|
|
|
font-weight: var(--font-weight-base);
|
|
|
|
margin-left: calc(var(--spacer) / 6);
|
2021-03-02 10:29:57 +01:00
|
|
|
}
|
|
|
|
|
2021-03-02 14:41:43 +01:00
|
|
|
.hideClear {
|
|
|
|
display: none !important;
|
|
|
|
}
|