Improve the print css for the dossier/show

app/assets/stylesheets/left_panel.scss

@@ -1,4 +1,4 @@
-#left-pannel {
+#left-panel {
   margin-top: 60px;
   padding: 0;
   background-color: #003189;

app/assets/stylesheets/navbar.scss

@@ -158,7 +158,6 @@
   position: fixed;
   bottom: 26px;
   right: -35px;
-  -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   width: 150px;
   background-color: #008cba;
@@ -207,4 +206,3 @@
     font-size: 20px;
   }
 }
-

app/assets/stylesheets/print.scss

@@ -1,6 +1,5 @@
 @media print {
   html, body {
-    width: 900px;
     margin: 0;
   }
 
@@ -28,4 +27,39 @@
   #backoffice_dossier_show .nav-tabs {
     display: none;
   }
+
+  #left-panel {
+    margin-top: 0;
+    height: auto;
+    position: relative;
+    width: 100%;
+  }
+
+  #wrap {
+    overflow: visible;
+  }
+
+  #main-container {
+    width: 100%;
+  }
+
+  #beta {
+    top: 26px;
+    bottom: initial;
+    position: absolute;
+    transform: rotate(45deg);
+  }
+
+  .copyright {
+    width: 100%;
+    left: 0;
+  }
+
+  .no-page-break-inside {
+    page-break-inside: avoid;
+  }
+
+  .display-block-on-print {
+    display: block !important;
+  }
 }

app/views/dossiers/_dossier_show.html.haml

@@ -4,7 +4,7 @@
   .default_data_block
     %div.row.show-block.infos
       %div.header
-        %div.col-lg-8.col-md-8.col-sm-8.col-xs-8.title-no-expanse
+        %div.col-xs-8.title-no-expanse
           %div.carret-right
           INFORMATIONS DU DEMANDEUR
         - if !@current_gestionnaire && ["draft", "updated", "replied", "initiated"].include?(@facade.dossier.state)
@@ -16,34 +16,34 @@
   .default_data_block
     %div.row.show-block.infos#infos_entreprise
       %div.header
-        %div.col-lg-12.col-md-12.col-sm-12.col-xs-12.title
+        %div.col-xs-12.title
           %div.carret-right
           %div.carret-down
           INFORMATIONS DU DEMANDEUR
-      %div.body
+      %div.body.display-block-on-print
         = render partial: '/dossiers/infos_entreprise'
 
 .default_data_block.default_visible
   %div.row.show-block.infos#infos_dossier
     %div.header
-      %div.col-lg-10.col-md-10.col-sm-10.col-xs-10.title
+      %div.col-xs-10.title
         %div.carret-right
         %div.carret-down
         CONSTRUCTION DU DOSSIER
       = render partial: '/dossiers/edit_dossier'
-    %div.body
+    %div.body.display-block-on-print
       = render partial: '/dossiers/infos_dossier'
 
 - if @facade.dossier.procedure.module_api_carto.use_api_carto
-  .default_data_block.default_visible
+  .default_data_block.default_visible.no-page-break-inside
     %div.row.show-block#carto
       %div.header
-        %div.col-lg-10.col-md-10.col-sm-10.col-xs-10.title
+        %div.col-xs-10.title
           %div.carret-right
           %div.carret-down
           CARTOGRAPHIE
         = render partial: '/dossiers/edit_carto'
-      %div.body
+      %div.body.display-block-on-print
         %input{id: 'json_latlngs',          type: 'hidden', value: "#{@facade.dossier.json_latlngs}", name: 'json_latlngs'}
         %input{id: 'quartier_prioritaires', type: 'hidden', value: "#{@facade.dossier.quartier_prioritaires.to_json}"}
         %input{id: 'cadastres',             type: 'hidden', value: "#{@facade.dossier.cadastres.to_json}"}
@@ -56,11 +56,11 @@
   .default_data_block.default_visible
     %div.row.show-block#private-fields
       %div.header
-        %div.col-lg-10.col-md-10.col-sm-10.col-xs-10.title
+        %div.col-xs-10.title
           %div.carret-right
           %div.carret-down
           = "formulaire privé".upcase
-        %div.col-lg-2.col-md-2.col-sm-2.col-xs-2.count
+        %div.col-xs-2.count
           - private_fields_count = @champs_private.count
           = (private_fields_count == 1) ? "1 champ" : "#{private_fields_count} champs"
       %div.body

app/views/dossiers/_messagerie.html.haml

@@ -11,12 +11,12 @@
         = (message_count == 1) ? "1 message" : "#{message_count} messages"
     .alert.alert-info
       Cette messagerie permet d'échanger entre le demandeur et le service instructeur.
-    .body
+    .body.display-block-on-print
       - if dossier_facade.commentaires.any?
         .commentaires
           = render partial: 'dossiers/commentaire', collection: dossier_facade.commentaires.object.sort
         .split-hr
-      #new-commentaire
+      #new-commentaire.hidden-print
         = form_tag(url_for({ controller: 'commentaires', action: :create, dossier_id: dossier_facade.dossier.id, champ_id: dossier_facade.champ_id }), class: 'form-inline', method: 'POST', multipart: true) do
 
           %textarea.form-control{id: 'texte_commentaire', class: 'wysihtml5', name: 'texte_commentaire', style: 'width: 100%; margin-bottom:2%', rows: '5', placeholder:"Commentaire"}
@@ -30,7 +30,7 @@
               %input#save-message.form-control.btn.btn-send{ type: 'submit', value: 'ENVOYER' }
 
 
-    .last-commentaire.clearfix
+    .last-commentaire.clearfix.hidden-print
       - if last_comment = dossier_facade.commentaires.first
         %div
           DERNIER MESSAGE

app/views/layouts/application.html.haml

@@ -6,6 +6,7 @@
     %meta{'http-equiv' => "X-UA-Compatible", :content => "IE=edge"}
 
     = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
+    = stylesheet_link_tag    'print', media: 'print', 'data-turbolinks-track' => true
     = javascript_include_tag 'application', 'data-turbolinks-track' => true
 
     = csrf_meta_tags
@@ -32,7 +33,7 @@
           = render partial: "layouts/navbar"
       %div.row.no-margin
         - if RenderPartialService.left_panel_exist? @left_pannel_url
-          %div.col-lg-2.col-md-2.col-sm-2.col-xs-2#left-pannel
+          %div.col-xs-2#left-panel
             - if gestionnaire_signed_in?
               #search-block
                 = render partial: 'layouts/left_panels/search_area'

config/initializers/assets.rb

@@ -8,4 +8,4 @@ Rails.application.config.assets.version = '1.0'
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
-# Rails.application.config.assets.precompile += %w( search.js )
+Rails.application.config.assets.precompile += %w(print.css)