bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fix : print with only one image

Browse Source 
http://studio.g-u-i.net/fr/materio/node/1523
This commit is contained in:
Bachir Soussi Chiadmi 2016-06-13 15:14:54 +02:00
parent aea9683c77
commit 422322c96d
2 changed files with 40 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@ -2907,6 +2907,10 @@ body.node-type-publication #footer {
padding-right: 1em; padding-right: 1em;
margin-right: 1em; margin-right: 1em;
border-right: 1px solid #707070; } border-right: 1px solid #707070; }
@media only screen and (max-width: 40em) {
#header #header-blocks > .region {
padding-right: 0.3em;
margin-right: 0.3em; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { @media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks > .region { #header #header-blocks > .region {
padding-right: 0.3em; padding-right: 0.3em;
@ -3034,6 +3038,9 @@ body.node-type-publication #footer {
line-height: 1.5; } line-height: 1.5; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i { #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
line-height: 1; } line-height: 1; }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { @media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title { #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
display: none; } } display: none; } }
@ -5653,6 +5660,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
max-width: 100%; } max-width: 100%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image { .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image {
text-align: right; } text-align: right; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure {
display: inline-block;
max-width: 19%;
margin: 0.5em 0 0 0.5em;
max-width: 100%;
margin-left: 50%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure img {
max-width: 100%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item { .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item {
display: none; display: none;
max-width: 19%; max-width: 19%;

50
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@ -236,9 +236,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
text-transform: capitalize; text-transform: capitalize;
>.region{ >.region{
@include inlineblock();vertical-align:middle; @include inlineblock(); vertical-align:middle;
padding-right:1em; margin-right:1em; padding-right:1em; margin-right:1em;
@media #{$small-only and $medium-only}{ padding-right:0.3em; margin-right:0.3em; }//change this @media #{$small-only}{ padding-right:0.3em; margin-right:0.3em;}
@media #{$medium-only}{ padding-right:0.3em; margin-right:0.3em;}
border-right: 1px solid #707070; border-right: 1px solid #707070;
&:last-child{border:none; padding: 0; margin: 0;} &:last-child{border:none; padding: 0; margin: 0;}
} }
@ -356,9 +358,9 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include fs12; @include fs12;
line-height:1.5; line-height:1.5;
i{line-height:1;} i{line-height:1;}
@media #{$small-only and $medium-only}{ @media #{$small-only}{ span.menu-title{display:none;}}
span.menu-title{display:none;} @media #{$medium-only}{ span.menu-title{display:none;}}
}
}// @include fs700; }// @include fs700;
section.mylists{ section.mylists{
@ -685,11 +687,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.side{ height:100%; } .side{ height:100%; }
.field-name-field-emvideo{ .field-name-field-emvideo{
$r:0.5625; $r:0.5625;
@media #{$small-only} { $w:290px; width:$w; height:$w*$r; } @media #{$small-only}{ $w:290px; width:$w; height:$w*$r; }
@media #{$medium-only} { $w:216px; width:$w; height:$w*$r; } @media #{$medium-only}{ $w:216px; width:$w; height:$w*$r; }
@media #{$large-only} { $w:216px; width:$w; height:$w*$r; } @media #{$large-only}{ $w:216px; width:$w; height:$w*$r; }
@media #{$xlarge-only} { $w:280px; width:$w; height:$w*$r; } @media #{$xlarge-only}{ $w:280px; width:$w; height:$w*$r; }
@media #{$xxlarge-only} { $w:340px; width:$w; height:$w*$r; }//change this @media #{$xxlarge-only}{ $w:340px; width:$w; height:$w*$r; }
*{height:100%; width:100%;} *{height:100%; width:100%;}
} }
} }
@ -959,9 +961,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
a.edit-list{ @include op-visible; } a.edit-list{ @include op-visible; }
} }
@media #{$medium-only}{ @media #{$medium-only}{ display:block;}
display:block;
}
} }
#block-materio-search-api-materio-search-api-viewmode{ #block-materio-search-api-materio-search-api-viewmode{
@ -1702,6 +1702,14 @@ body.print-body-materiau{
section, div, figure{max-width: 100%;} section, div, figure{max-width: 100%;}
.field-name-field-materiau-image{ .field-name-field-materiau-image{
text-align: right; text-align: right;
>figure{
display: inline-block;
max-width:19%;
margin:0.5em 0 0 0.5em;
max-width:100%;
margin-left: 50%;
img{max-width:100%;}
}
.field-item{ .field-item{
display:none; display:none;
&:nth-child(-n+7){ &:nth-child(-n+7){
@ -2934,18 +2942,10 @@ body.home-v2{
.field-name-field-emvideo{ .field-name-field-emvideo{
.embedded-video{ .embedded-video{
margin:0 auto; margin:0 auto;
@media #{$small-only}{ @media #{$small-only}{ width:320px; height:180px;}
width:320px; height:180px; @media #{$medium-only}{ width:640px; height:360px;}
} @media #{$large-only}{ width:800px; height:450px;}
@media #{$medium-only}{ @media #{$xlarge-up}{ width:1024px; height:576px;}
width:640px; height:360px;
}
@media #{$large-only}{
width:800px; height:450px;
}
@media #{$xlarge-up}{
width:1024px; height:576px;
}
.player, iframe{ .player, iframe{
width:100%; height:100%; width:100%; height:100%;
} }