bug fix : print with only one image

http://studio.g-u-i.net/fr/materio/node/1523

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -2907,6 +2907,10 @@ body.node-type-publication #footer {
       padding-right: 1em;
       margin-right: 1em;
       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) {
         #header #header-blocks > .region {
           padding-right: 0.3em;
@@ -3034,6 +3038,9 @@ body.node-type-publication #footer {
         line-height: 1.5; }
         #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
           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) {
           #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
             display: none; } }
@@ -5653,6 +5660,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     max-width: 100%; }
   .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image {
     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 {
       display: none;
       max-width: 19%;

sites/all/themes/gui/materiobasetheme/scss/styles.scss

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