bachir/performance-art.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed video bad display

Browse Source
This commit is contained in:
bachir
2021-12-16 21:50:16 +01:00
parent 7348a3c965
commit 5cb1d7b63e
2 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/gui/perfarttimeline/css/styles.css
+17 -1
View File
@@ -2122,7 +2122,7 @@ html.classic-nav body.node-type-performance #main #center #content .node.type-pe
html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field, html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field,
html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content > section.field { html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content > section.field {
flex: 0 0 auto; flex: 0 0 auto;
max-width: 45%; max-width: calc(49% - 2em);
margin: 0.5em; margin: 0.5em;
} }
html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field.field-name-field-images, html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field.field-name-field-images,
@@ -2283,6 +2283,17 @@ html.classic-nav body.node-type-performance #main #center #content .node.type-pe
font-weight: 500; font-weight: 500;
font-size: 12px; font-size: 12px;
} }
@media (max-width: 500px) {
html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field,
html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content > section.field {
max-width: calc(100% - 2em);
}
html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > section.field.field-name-field-images,
html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content > section.field.field-name-field-images {
flex: 1 1 100%;
max-width: 100%;
}
}
html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns, html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns,
html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns, html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns,
html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns, html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns,
@@ -2408,3 +2419,8 @@ body.node-type-document #center #content figcaption,
width: 250px; width: 250px;
margin-bottom: 1em; margin-bottom: 1em;
} }
.field-type-video-embed-field iframe {
max-width: 100%;
height: auto;
aspect-ratio: 4/3;
}
sites/all/themes/gui/perfarttimeline/less/styles.less
+18 -11
View File
@@ -923,7 +923,7 @@ html.no-js, html.classic-nav{
>section.field{ >section.field{
// outline: 1px solid #036; // outline: 1px solid #036;
flex:0 0 auto; flex:0 0 auto;
max-width: 45%; max-width: calc(49% - 2em); // moins padding et margin
margin:0.5em; margin:0.5em;
&.field-name-field-images{ &.field-name-field-images{
flex: 1 1 100%; flex: 1 1 100%;
@@ -944,15 +944,6 @@ html.no-js, html.classic-nav{
display:block; border:none; display:block; border:none;
} }
// @cel:100px;
// @padd:0;
// .cel(@n){
// width:(@cel* @n) - @padd*2;
// /* background-color:rgba(255,0,0,0.1);*/
// padding:@padd;
// //.bl(1px, rgba(255,0,0,0.1));
// }
h1.node-title{ h1.node-title{
.m(0); .m(0);
.fs-perfnode-title; .fs-perfnode-title;
@@ -965,7 +956,6 @@ html.no-js, html.classic-nav{
.fs-perfnode-personne; .fs-perfnode-personne;
} }
.field-type-textauthor, .field-type-text-long{ .field-type-textauthor, .field-type-text-long{
// .cel(4); // .cel(4);
.field-item{ .field-item{
@@ -1077,6 +1067,16 @@ html.no-js, html.classic-nav{
// .field-type-text-long{ // .field-type-text-long{
// width:400px; // width:400px;
// } // }
@media (max-width:500px) {
>section.field{
max-width: calc(100% - 2em); // moins padding et margin
&.field-name-field-images{
flex: 1 1 100%;
max-width: 100%;
}
}
}
} }
} }
@@ -1117,3 +1117,10 @@ body.node-type-document, .node-type-document-sonor, .node-type-object, .page-tax
font-size:12px; font-size:12px;
} }
} }
.field-type-video-embed-field iframe{
max-width: 100%;
height: auto;
aspect-ratio: 4/3;
}