bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page ressources slider

Browse Source
This commit is contained in:
armansansd 2021-08-11 12:36:27 +02:00
parent 9b9c9397f4
commit f221420e15
7 changed files with 470 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

216
web/themes/custom/popsu/css/styles.css
View File

@ -1827,6 +1827,41 @@ footer {
.path-centre-de-ressources { .path-centre-de-ressources {
background-color: #eff2f9; } background-color: #eff2f9; }
.path-centre-de-ressources .programme-1 {
color: #4dabc1; }
.path-centre-de-ressources .programme-1 .views-field-field-programme .field-content {
background: #4dabc1;
color: white; }
.path-centre-de-ressources .programme-2 {
color: #61ab32; }
.path-centre-de-ressources .programme-2 .views-field-field-programme .field-content {
background: #61ab32;
color: white; }
.path-centre-de-ressources .programme-3 {
color: #646578; }
.path-centre-de-ressources .programme-3 .views-field-field-programme .field-content {
background: #646578;
color: white; }
.path-centre-de-ressources .programme-4 {
color: #28429f; }
.path-centre-de-ressources .programme-4 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources .programme-5 {
color: #ab9569; }
.path-centre-de-ressources .programme-5 .views-field-field-programme .field-content {
background: #ab9569;
color: white; }
.path-centre-de-ressources .programme-6 {
color: #e01a35; }
.path-centre-de-ressources .programme-6 .views-field-field-programme .field-content {
background: #e01a35;
color: white; }
.path-centre-de-ressources .programme-7 {
color: #28429f; }
.path-centre-de-ressources .programme-7 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources main { .path-centre-de-ressources main {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; } max-width: 100%; }
@ -1834,36 +1869,94 @@ footer {
margin-bottom: 0; } margin-bottom: 0; }
.path-centre-de-ressources header .slick-slide { .path-centre-de-ressources header .slick-slide {
margin: 0 1rem; } margin: 0 1rem; }
.path-centre-de-ressources header .slick-slide .views-row { .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) {
display: grid !important; display: grid !important;
grid-template-columns: 1fr; grid-template-columns: 1fr;
background-color: white;
position: relative; position: relative;
height: auto; } height: auto; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-image { .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) {
grid-column: 1; padding: 0 0 0 .4rem; }
grid-row: 1 / span 4; .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image {
z-index: -1; grid-row: 3 / span 2;
padding-top: 1rem; } margin-top: -1.5rem; }
.path-centre-de-ressources header .slick-slide .views-row .views-field:not(.views-field-field-image) { .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img {
background: blue; width: 100%; }
width: 50%; .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme {
margin-left: 1rem; grid-row: 1 / span 1;
padding-left: 1rem; } grid-column: 1 / span 2; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-title { .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content {
padding-bottom: 1rem; font-weight: 600;
grid-column: 1; display: inline-block;
grid-row: 3; width: auto;
font-weight: 600; } color: white;
.path-centre-de-ressources header .slick-slide .views-row .views-field-view-node { padding: .15rem .3rem;
padding-top: 1rem; margin-bottom: 1rem; }
grid-column: 1; .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content {
grid-row: 1; } color: black; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-programme { .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase; text-transform: uppercase;
grid-column: 1; font-weight: 600;
grid-row: 2; } margin-bottom: .5rem;
.path-centre-de-ressources header .slick-slide .views-row a { font-size: 0.45rem;
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title {
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a {
text-decoration: none; } text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 {
display: grid !important;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources header .slick-slide .type-74 a {
text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img {
width: 80%; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources header .slick-arrow { .path-centre-de-ressources header .slick-arrow {
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -1895,8 +1988,10 @@ footer {
grid-column-start: 2; } grid-column-start: 2; }
.path-centre-de-ressources form .form-item-programme { .path-centre-de-ressources form .form-item-programme {
grid-column-start: 2; } grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page { .path-centre-de-ressources form .form-item-field-collections-target-id {
grid-column-start: 2; } grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page {
grid-column-start: 3; }
.path-centre-de-ressources form select, .path-centre-de-ressources form input { .path-centre-de-ressources form select, .path-centre-de-ressources form input {
display: inline-block; display: inline-block;
width: auto; width: auto;
@ -1927,54 +2022,94 @@ footer {
align-items: flex-start; } align-items: flex-start; }
.path-centre-de-ressources .views-view-grid .views-row .views-col:first-child { .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
grid-column-start: 2; } grid-column-start: 2; }
.path-centre-de-ressources .views-view-grid .views-col { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) {
display: grid; display: grid;
grid-template-columns: 40% 60%; grid-template-columns: 40% 60%;
grid-auto-rows: min-content; grid-auto-rows: min-content;
background-color: white; background-color: white;
width: 100% !important; width: 100% !important;
padding: .3rem; } padding: .3rem; }
.path-centre-de-ressources .views-view-grid .views-col a { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a {
text-decoration: none; } text-decoration: none; }
.path-centre-de-ressources .views-view-grid .views-col a:hover { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
text-decoration: underline; } text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; } padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-image { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2; grid-row: 3 / span 2;
margin-top: -1.5rem; } margin-top: -1.5rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme {
grid-row: 1 / span 1; grid-row: 1 / span 1;
grid-column: 1 / span 2; } grid-column: 1 / span 2; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme .field-content { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content {
font-weight: 600; font-weight: 600;
display: inline-block; display: inline-block;
width: auto; width: auto;
color: white; color: white;
padding: .15rem .3rem; padding: .15rem .3rem;
margin-bottom: 1rem; } margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme .field-content { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
color: black; } color: black; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
margin-bottom: .5rem; margin-bottom: .5rem;
font-size: 0.45rem; font-size: 0.45rem;
grid-row: 2 / span 1; grid-row: 2 / span 1;
grid-column: 2 / span 1; } grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-title { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title {
font-style: italic; font-style: italic;
grid-row: 3 / span 1; grid-row: 3 / span 1;
grid-column: 2 / span 1; } grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem; margin-bottom: 1rem;
grid-row: 4 / span 1; grid-row: 4 / span 1;
grid-column: 2 / span 1; grid-column: 2 / span 1;
align-self: baseline; } align-self: baseline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1; grid-row: 5 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
font-size: 0.45rem; } font-size: 0.45rem; }
.path-centre-de-ressources .views-view-grid .type-74 {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 a {
text-decoration: none; }
.path-centre-de-ressources .views-view-grid .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
margin-top: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources .js-pager__items { .path-centre-de-ressources .js-pager__items {
text-align: center; } text-align: center; }
@ -2267,11 +2402,12 @@ article p, .paragraph p {
.page-node-type-programme .block-region-third .views-field a:hover { .page-node-type-programme .block-region-third .views-field a:hover {
text-decoration: underline; } text-decoration: underline; }
.page-node-type-programme article { .page-node-type-programme article h2:first-child {
font-size: 0.45rem; }
.page-node-type-programme article h2:first-child {
display: none; } display: none; }
.page-node-type-programme article .body {
font-size: 0.8rem; }
.page-node-type-programme .block-region-bottom { .page-node-type-programme .block-region-bottom {
background: url(../images/motif_croix.svg); } background: url(../images/motif_croix.svg); }
.page-node-type-programme .block-region-bottom h2 { .page-node-type-programme .block-region-bottom h2 {

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/js/main.js
View File

File diff suppressed because one or more lines are too long

5
web/themes/custom/popsu/lib/script.js
View File

@ -72,7 +72,7 @@ $(function(){
slidesToShow: 1, slidesToShow: 1,
slidesToScroll: 1, slidesToScroll: 1,
centerMode: true, centerMode: true,
// centerPadding: '60px' centerPadding: '100px'
}); });
} }
@ -115,9 +115,6 @@ $(function(){
$("#home_map_container").fadeIn(); $("#home_map_container").fadeIn();
} }
} }
if($('.page-node-type-programme').length > 0){ if($('.page-node-type-programme').length > 0){
$(this).parent().find(".views-row").fadeToggle(); $(this).parent().find(".views-row").fadeToggle();

56
web/themes/custom/popsu/popsu.theme
View File

@ -38,11 +38,12 @@ function popsu_preprocess_field(&$variables){
// $items = &$variables['items']; // $items = &$variables['items'];
if (isset($element['#field_name'])) { if (isset($element['#field_name'])) {
// kint($element['#field_name']); // kint($element['#field_name']);
if ($element['#field_name'] == 'field_sous_parties') { $variables['attributes']['class'][] = $element['#field_name'];
// if ($element['#field_name'] == 'field_sous_parties') {
// ['attributes'] = new Attribute(); // ['attributes'] = new Attribute();
// $variables['classes_array'][] = 'field_sous_parties';
// kint($variables); // kint($variables);
} // }
} }
} }
@ -66,6 +67,11 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
$c = $entity->get('field_programme')->getString(); $c = $entity->get('field_programme')->getString();
$variables['rows'][$id]['attributes'] = new Attribute(); $variables['rows'][$id]['attributes'] = new Attribute();
$variables['rows'][$id]['attributes']->addClass("programme-".$c); $variables['rows'][$id]['attributes']->addClass("programme-".$c);
if ($entity->hasField('field_type_de_ressource') && $entity->get('field_type_de_ressource')->getString() == "74" ) {
$type = $entity->get('field_type_de_ressource')->getString();
// $variables['rows'][$id]['attributes'] = new Attribute();
$variables['rows'][$id]['attributes']['class'][] = "type-".$type;
}
} }
}else if(isset($row['content']['#node'])){ }else if(isset($row['content']['#node'])){
$r = $row['content']['#node']; $r = $row['content']['#node'];
@ -79,43 +85,9 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
} }
// foreach ($row['#rows'] as $j => &$elem) { }
// $entity = $elem["#row"]->_entity; }
// if ($entity->hasField('field_programme')) {
// $prog_id = $entity->get('field_programme')->getString();
// kint($prog_id);die();
// $class = "programme-".$prog_id;
// // $elem["#row"]['attributes']["class"] = $class;
// // $attributes = array(
// // "class" => $class
// // );
// }
// }
// kint($rows);die();
// $variables['rows'][$id]['attributes'] = new Attribute();
// $c = $variables['rows'][$id]['content']["#row"]->nid;
// $variables['rows'][$id]['attributes']->addClass("programme-".$c);
}
}
// $storage = $view->storage;
// if(isset($storage['css_class'])){
// kint($storage);die();
// $rows = &$variables['rows'];
// foreach ( $rows as $i => &$row ){
// foreach ($row['#rows'] as $j => &$elem) {
// $entity = $elem["#row"]->_entity;
// if ($entity->hasField('field_programme')) {
// $prog_id = $entity->get('field_programme')->getString();
// $class = "programme-".$prog_id;
// // $elem["#row"]['attributes']["class"] = $class;
// // $attributes = array(
// // "class" => $class
// // );
// }
// }
// }
// }
}; };
@ -153,12 +125,16 @@ function popsu_preprocess_views_view_grid(&$variables){
$entity->getEntityTypeId().'-'.$entity->bundle(), $entity->getEntityTypeId().'-'.$entity->bundle(),
$entity->getEntityTypeId().'-'.$entity->bundle().'-'.$entity->id(), $entity->getEntityTypeId().'-'.$entity->bundle().'-'.$entity->id(),
); );
// kint($entity);die();
// if field_programme exists, add a class // if field_programme exists, add a class
if ($entity->hasField('field_programme')) { if ($entity->hasField('field_programme')) {
$prog_id = $entity->get('field_programme')->getString(); $prog_id = $entity->get('field_programme')->getString();
$classes[] = "programme-".$prog_id; $classes[] = "programme-".$prog_id;
} }
if ($entity->hasField('field_type_de_ressource')) {
$type = $entity->get('field_type_de_ressource')->getString();
$classes[] = "type-".$type;
}
// add the classes to the column // add the classes to the column
// Drupal\Core\Template\Attribute // Drupal\Core\Template\Attribute

5
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@ -220,10 +220,13 @@
} }
article{ article{
font-size: $font-small; // font-size: $font-small;
h2:first-child{ h2:first-child{
display: none; display: none;
} }
.body{
font-size: $font-medium;
}
} }
.block-region-bottom{ .block-region-bottom{
background: $trame; background: $trame;

295
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@ -1,4 +1,73 @@
.path-centre-de-ressources{ .path-centre-de-ressources{
//colo programme
.programme-1{
color: $col-1;
.views-field-field-programme{
.field-content{
background: $col-1;
color:white;
}
}
}
.programme-2{
color: $col-2;
.views-field-field-programme{
.field-content{
background: $col-2;
color:white;
}
}
}
.programme-3{
color: $col-eur;
.views-field-field-programme{
.field-content{
background: $col-eur;
color:white;
}
}
}
.programme-4{
color: $col-met;
.views-field-field-programme{
.field-content{
background: $col-met;
color:white;
}
}
}
.programme-5{
color: $col-mond;
.views-field-field-programme{
.field-content{
background: $col-mond;
color:white;
}
}
}
.programme-6{
color: $col-ter;
.views-field-field-programme{
.field-content{
background: $col-ter;
color:white;
}
}
}
.programme-7{
color: $col-met;
.views-field-field-programme{
.field-content{
background: $col-met;
color:white;
}
}
}
/// end colo
main{ main{
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
@ -8,46 +77,148 @@
margin-bottom: 0; margin-bottom: 0;
.slick-slide{ .slick-slide{
margin: 0 1rem; margin: 0 1rem;
.views-row{
.views-row:not(.type-74){
display: grid !important; display: grid !important;
grid-template-columns: 1fr; grid-template-columns: 1fr;
background-color: rgb(255, 255, 255);
// flex-direction: column; // flex-direction: column;
// flex-direction: column-reverse; // flex-direction: column-reverse;
position: relative; position: relative;
height: auto; height: auto;
.views-field-field-image{ .views-field:not(:first-child){
grid-column: 1; padding: 0 0 0 .4rem;
grid-row: 1 / span 4; }
z-index: -1; .views-field-field-image{
padding-top: 1rem; grid-row: 3 / span 2;
margin-top: -1.5rem;
img{
width: 100%;
}
}
.views-field-field-programme{
grid-row: 1 / span 1;
grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
} }
.views-field:not(.views-field-field-image){
background: blue;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
} }
.views-field-title{ .views-field-field-theme{
padding-bottom: 1rem; .field-content{
grid-column: 1; color:black;
grid-row: 3;
font-weight: 600;
} }
.views-field-view-node{
padding-top: 1rem;
grid-column: 1;
grid-row: 1;
} }
.views-field-field-programme{ .views-field-field-type-de-ressource{
text-transform: uppercase; text-transform: uppercase;
grid-column: 1; font-weight: 600;
grid-row: 2; margin-bottom: .5rem;
font-size: $font-small;
grid-row: 2 / span 1;
grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: $font-small;
} }
a{ a{
text-decoration: none; text-decoration: none;
} }
} }
.type-74{
display: grid !important;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important;
padding: .3rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 2;
img{
width: 80%;
}
// margin-top: -1.5rem;
}
.views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
}
}
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
// grid-row: 2 / span 1;
// grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
// grid-row: 3 / span 1;
// grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
// grid-row: 4 / span 1;
// grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
// grid-row: 5 / span 1;
// grid-column: 1 / span 2;
font-size: $font-small;
text-align: right;
}
}
} }
.slick-arrow{ .slick-arrow{
position: absolute; position: absolute;
@ -95,9 +266,12 @@
grid-column-start: 2; grid-column-start: 2;
} }
.form-item-items-per-page{ .form-item-field-collections-target-id{
grid-column-start: 2; grid-column-start: 2;
} }
.form-item-items-per-page{
grid-column-start: 3;
}
select, input{ select, input{
display: inline-block; display: inline-block;
width: auto; width: auto;
@ -142,7 +316,7 @@
grid-column-start: 2; grid-column-start: 2;
} }
} }
.views-col{ .views-col:not(.type-74){
display: grid; display: grid;
grid-template-columns: 40% 60%; grid-template-columns: 40% 60%;
grid-auto-rows: min-content; grid-auto-rows: min-content;
@ -209,6 +383,77 @@
grid-row: 5 / span 1; grid-row: 5 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
font-size: $font-small; font-size: $font-small;
}
}
.type-74{
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important;
padding: .3rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 2;
// margin-top: -1.5rem;
}
.views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
}
}
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
margin-top: .3rem;
// grid-row: 2 / span 1;
// grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
// grid-row: 3 / span 1;
// grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
// grid-row: 4 / span 1;
// grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
// grid-row: 5 / span 1;
// grid-column: 1 / span 2;
font-size: $font-small;
text-align: right;
} }
} }