wip #7871 @1

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index ad0fbbd0584749ac53c1ddf76c508b33b433663a..9546e690c6a625fb3cd6e5bf9def0d1322d282fa 100644 (file)
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -209,10 +209,11 @@ FluidbookMenu.prototype = {
         c += '<div class="content">';
         c += '<div class="pdf-holder"><iframe class="pdf view ' + infos.interface + '" data-width="' + infos.width + '" data-height="' + infos.height + '" data-total-height="' + infos.totalHeight + '" frameborder="0" scrolling="no" src="pdfjs/web/viewer.' + this.fluidbook.settings.htmlExtension + '?&file=../../data/links/' + infos.file + '#zoom=page-width"></iframe></div>';
         c += '<div class="fonctions">';
-        c += '<a role="button" class="submit" href="#">' + this.fluidbook.l10n.__('send') + '</a>';
+        c += '<span>' + this.fluidbook.settings.pdfform_text + '</span>';
+        c += '<a role="button" class="submit" href="#">' + (this.fluidbook.settings.pdfform_button ? this.fluidbook.settings.pdfform_button : this.fluidbook.l10n.__('send')) + '</a>';
         c += '</div>';
         c += '</div>';
-        this.viewWrap(c, 'pdfform', 'data-linkid="' + uid + '"', 'pdfform');
+        this.viewWrap(c, 'pdfform', 'data-linkid="' + uid + '"', 'pdfform ' + this.fluidbook.settings.pdfform_style);
         if (callback != undefined) {
             callback();
         }

diff --git a/style/menu-pdf.less b/style/menu-pdf.less
index aadf3ebe4dc0d60cfac34d04cc23187155e43b6b..836845b274894480721c2df615ec66687366527a 100644 (file)
--- a/style/menu-pdf.less
+++ b/style/menu-pdf.less
@@ -23,10 +23,51 @@
   }
 }
 
-.mview[data-menu="pdfform"] {
+.mview.pdfform.cfgroup {
+  .pdf-holder {
+    padding-bottom: 100px;
+    @media screen and (max-width: 800px) {
+      padding-bottom: 200px;
+    }
+  }
+
   .fonctions {
     position: fixed;
     bottom: 0;
     right: 0;
+    background-color: #fff;
+    height: 100px;
+    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.4);
+    font-weight: 600;
+    padding: 30px;
+    @media screen and (max-width: 800px) {
+      height: 200px;
+    }
+
+    span {
+      color: #000;
+      display: inline-block;
+      text-align: left;
+      width: calc(100% - 320px);
+      @media screen and (max-width: 800px) {
+        display: block;
+        width: 100%;
+      }
+    }
+
+
+    a {
+      color: #fff;
+      background-color: #2f99b1;
+      font-weight: 600;
+      width: 300px;
+      vertical-align: top;
+      @media screen and (max-width: 800px) {
+        display: block;
+        width: 100%;
+        margin-top: 15px;
+      }
+    }
   }
+
 }
\ No newline at end of file