Skip to content
Snippets Groups Projects
Commit aeafdebd authored by rikki_iki's avatar rikki_iki Committed by Adam G-H
Browse files

Issue #3491789 by rikki_iki: Update styles for exposed filters for blog and news view

parent ae5c51fc
No related branches found
No related tags found
1 merge request!279style exposed blog/news filter form
Pipeline #359946 failed
.views-exposed-form .fieldset--group .fieldset__legend--visible {
background-color: transparent;
text-transform: uppercase;
font-size: var(--font-size-s);
font-weight: 600;
letter-spacing: 4px;
float: none;
padding: 0;
margin: 0;
border-radius: 0;
border-bottom: 1px solid var(--color--gray-60);
}
.views-exposed-form .fieldset--group .fieldset__legend--visible .fieldset__label {
color: inherit;
padding-inline: 0;
}
.views-exposed-form .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
border: 0;
border-radius: 0;
padding-inline: 0;
}
.views-exposed-form .fieldset--group:is(:first-of-type, :last-of-type) .fieldset__legend--visible .fieldset__label {
display: flex;
gap: var(--sp0-5);
&::before {
display: inline-block;
aspect-ratio: 1;
content: "";
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('../../images/filter.svg');
mask-image: url('../../images/filter.svg');
inline-size: 14px;
}
}
.bef-exposed-form.form--inline .bef-checkboxes {
display: flex;
gap: var(--sp2);
& > * {
margin: 0;
}
}
......@@ -23,3 +23,6 @@ regions:
content_below: Content Below
footer_top: Footer Top
footer_bottom: Footer Bottom
libraries-extend:
views/views.module:
- drupal_cms_olivero/views
views:
css:
theme:
css/components/views-exposed-form.css: { }
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" fill="none"><path fill="#0E1113" d="M3.5 5.383V.813a.562.562 0 1 0-1.125 0v4.57a2.25 2.25 0 0 0 0 4.36v3.444a.562.562 0 1 0 1.125 0V9.742a2.25 2.25 0 0 0 0-4.36Zm-.563 3.304a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm5.625-6.68V.813a.562.562 0 1 0-1.125 0v1.196a2.25 2.25 0 0 0 0 4.36v6.82a.562.562 0 1 0 1.125 0v-6.82a2.25 2.25 0 0 0 0-4.36ZM8 5.313a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm7.312 4.5a2.254 2.254 0 0 0-1.688-2.18V.813a.562.562 0 1 0-1.125 0v6.82a2.25 2.25 0 0 0 0 4.36v1.195a.562.562 0 1 0 1.125 0v-1.195a2.254 2.254 0 0 0 1.688-2.18Zm-2.25 1.126a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Z"/></svg>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment