wip #3634 @1

diff --git a/js/libs/fluidbook/fluidbook.articles.js b/js/libs/fluidbook/fluidbook.articles.js
index 05cbc823ef16900c39d7bb8cecfcbb382b7d856c..af8397c3385c03c4f7caa9082d90f773523a2709 100644 (file)
--- a/js/libs/fluidbook/fluidbook.articles.js
+++ b/js/libs/fluidbook/fluidbook.articles.js
@@ -36,7 +36,7 @@ FluidbookArticles.prototype = {
 
         var footer = '<div class="footer fixed"><a href="#/article/' + article.prev + '" class="article-prev">' + getSpriteIcon('interface-previous-simple') + ' ' + this.fluidbook.l10n.__('previous article') + '</a><a href="#/article/' + article.next + '" class="article-next">' + this.fluidbook.l10n.__('next article') + ' ' + getSpriteIcon('interface-next-simple') + '</a></div>';
         var view = '<div class="content">' + article.contents + '</div>' + footer;
-        $("#view").html('<div class="mview" data-menu="article">' + view + '</div>');
+        $("#view").html('<div class="mview" data-menu="article">' + this.fluidbook.menu.closeButton() + view + '</div>');
 
         this.fluidbook.silentChangePage(article.page);
         callback();

diff --git a/style/menu-articles.less b/style/menu-articles.less
index e1a1d3ad162edd42158ac2b769739f13a0796f6a..dbad020e1bc1ffdeb12c2ae512f1ab0c45dc3f7d 100644 (file)
--- a/style/menu-articles.less
+++ b/style/menu-articles.less
@@ -1,8 +1,18 @@
 .mview[data-menu="article"] {
   background-color: #fff;
 
-  iframe {
-    border: 0;
+  a.button.back {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    color: @articles-title-color;
+    z-index: 100;
+
+    svg {
+      fill: currentColor;
+      width: 15px;
+      height: 15px;
+    }
   }
 
   .footer {