bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design actus

Browse Source
This commit is contained in:
ouidade
2024-08-07 19:17:51 +02:00
parent 869db4c869
commit 1dc1b04302
6 changed files with 191 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+49 -31
View File
@@ -2544,72 +2544,78 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto;
}
.block-views-blockactus-block-1 .view-id-actus .views-row {
width: 30vw !important;
width: 35vw !important;
margin-left: 1rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
padding-left: 15%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
width: 84%;
display: flex;
flex-direction: column;
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item {
display: none;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite {
width: 80%;
height: 250px;
margin-left: 1rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item {
width: 100%;
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item img {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu {
display: flex;
flex-direction: column;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu p.field__item {
display: none;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite {
width: 75%;
height: 250px;
right: 10%;
position: relative;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items .field__item {
width: 100%;
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items .field__item img {
width: 100%;
height: auto;
object-fit: cover;
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
position: relative;
display: flex;
flex-direction: column;
border: solid #fdc300 1px;
background-color: rgb(255, 255, 255);
padding: 1rem;
width: 100%;
right: 0%;
height: auto;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content h2 {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h2 {
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-date {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-date {
order: 4;
font-weight: 900;
padding-bottom: 1rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-type-d-actualite {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-type-d-actualite {
order: 1;
text-transform: uppercase;
font-size: 1.2rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site {
order: 5;
background-color: rgb(153, 147, 174);
color: white;
@@ -2617,18 +2623,18 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: fit-content;
padding: 0.2rem 0.9rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site .field__item {
display: inline;
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content ul.links {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content ul.links {
order: 6;
display: none;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .body-content {
display: none;
}
.block-views-blockactus-block-1 .view-id-actus .slick-dots {
@@ -3315,4 +3321,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.page-mon-espace-de-travail .layout-content .js-form-type-textfield label {
margin-right: 1rem;
}
.page-actualites .node-type-actualite {
width: 30vw !important;
}
.page-actualites .node-type-actualite .entete_actu {
flex-direction: column;
}
.page-actualites .node-type-actualite .entete_actu .infos-content {
width: 100%;
height: 250px;
right: 0;
}