Skip to content
Snippets Groups Projects
Commit cae20443 authored by Martin Leblanc's avatar Martin Leblanc Committed by Eric Bremner
Browse files

ISTWCMS-5871 css for the filters in projects

parent 233ce96c
No related branches found
No related tags found
1 merge request!49ISTWCMS-5871: adjust project content type listing grid
Hide whitespace changes
Inline Side-by-side
src/patterns/04-components/filters/_filters.scss
+ 32
− 34
View file @ cae20443
...@@ -24,44 +24,42 @@ ...@@ -24,44 +24,42 @@
} }
} }
} }
.form--inline{ .form-item.form-wrapper {
.form-item.form-wrapper { background: var(--uw-white);
background: var(--uw-white); margin: 0;
margin: 0; .form-item{
float: inherit;
.form-item{ .form-item{
float: inherit; margin: 0;
.form-item{
margin: 0;
}
} }
} }
details{ }
&.uw-details, details{
&.seven-details{ &.uw-details,
background: var(--uw-white); &.seven-details{
border: var(--size-xs) solid var(--gray-3); background: var(--uw-white);
border-width: var(--size-xs) var(--size-xs) 0 var(--size-xs); border: var(--size-xs) solid var(--gray-3);
font-family: var(--font-systembold); border-width: var(--size-xs) var(--size-xs) 0 var(--size-xs);
font-size: var(--font-size-000); font-family: var(--font-systembold);
margin: 0; font-size: var(--font-size-000);
&[open] > .seven-details__summary { margin: 0;
background-color: var(--gray-2); &[open] > .seven-details__summary {
color: var(--uw-black-primary); background-color: var(--gray-2);
} color: var(--uw-black-primary);
&:hover > .seven-details__summary { }
background-color: var(--gray-2); &:hover > .seven-details__summary {
color: var(--uw-black-primary); background-color: var(--gray-2);
} color: var(--uw-black-primary);
&:last-of-type{
border-width: var(--size-xs);
margin-bottom: var(--size-1);
}
} }
summary{ &:last-of-type{
&.seven-details__summary, border-width: var(--size-xs);
&.details__summary { margin-bottom: var(--size-1);
background-color: var(--uw-white); }
} }
summary{
&.seven-details__summary,
&.details__summary {
background-color: var(--uw-white);
} }
} }
} }
......
src/patterns/04-components/view/_view.scss
+ 43
− 10
View file @ cae20443
...@@ -24,6 +24,20 @@ $sidebar-width: 18.75rem; ...@@ -24,6 +24,20 @@ $sidebar-width: 18.75rem;
} }
} }
} }
&s-projects-container{
margin-left: auto;
margin-right: auto;
max-width: var(--layout-max-width);
padding: 0 var(--size-2);
position: relative;
width: 100%;
@media(min-width: $screen-xl) {
padding: 0;
}
.views-element-container{
padding: 0;
}
}
display: block; display: block;
padding: 0; padding: 0;
position: relative; position: relative;
...@@ -84,6 +98,9 @@ $sidebar-width: 18.75rem; ...@@ -84,6 +98,9 @@ $sidebar-width: 18.75rem;
width: 100%; width: 100%;
} }
.view-filters { .view-filters {
.path-projects &{
margin-top: var(--size-2);
}
h2{ h2{
margin-top: 0; margin-top: 0;
} }
...@@ -229,7 +246,8 @@ $sidebar-width: 18.75rem; ...@@ -229,7 +246,8 @@ $sidebar-width: 18.75rem;
} }
.path-news, .path-news,
.path-blog, .path-blog,
.path-events{ .path-events,
.path-projects{
.view-content { .view-content {
@media(min-width: $screen-sm){ @media(min-width: $screen-sm){
.views-row{ .views-row{
...@@ -248,13 +266,12 @@ $sidebar-width: 18.75rem; ...@@ -248,13 +266,12 @@ $sidebar-width: 18.75rem;
} }
} }
.view-interact{ .view-interact{
margin-top: -3.25rem; margin-top: -4rem;
@media(min-width: $screen-sm) { @media(min-width: $screen-md) {
margin-top: -4rem; margin-top: 0;
} }
} }
} }
.view-uw-view-news-items, .view-uw-view-news-items,
.view-uw-view-blogs, .view-uw-view-blogs,
.view-uw-view-events, .view-uw-view-events,
...@@ -338,22 +355,38 @@ $sidebar-width: 18.75rem; ...@@ -338,22 +355,38 @@ $sidebar-width: 18.75rem;
} }
} }
.path-projects{ .path-projects{
.view-content {
@media(min-width: $screen-sm) {
.views-row {
&:first-of-type,
&:nth-of-type(10n) {
grid-column: 1 / 3;
}
}
}
}
.view{ .view{
&.with-filters{ &.with-filters{
margin: inherit; margin: inherit;
.views-element-container { .views-element-container {
grid-column: 1 / 3; grid-column: 1 / 3;
} }
.view-interact{
margin-top: -3.25rem;
@media(min-width: $screen-sm) {
margin-top: -4rem;
}
}
> .view-content { > .view-content {
margin: inherit; margin: inherit;
> h2{ > h2{
grid-column: 1 / 3; grid-column: 1 / 3;
margin: inherit; margin: inherit;
padding: 0 var(--size-2); //padding: 0 var(--size-2);
@media(min-width: 75rem) { //@media(min-width: 75rem) {
padding-left: 0; // padding-left: 0;
padding-right: 0; // padding-right: 0;
} //}
width: 100%; width: 100%;
} }
} }
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment