From 79f416d673dadf3f87cc7e64e3c3726797d249a8 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 3 Jun 2020 19:27:11 +0200
Subject: [PATCH] wip #3634 @1

---
 js/libs/fluidbook/fluidbook.articles.js |  2 +-
 style/menu-articles.less                | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.articles.js b/js/libs/fluidbook/fluidbook.articles.js
index 05cbc823..af8397c3 100644
--- 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 e1a1d3ad..dbad020e 100644
--- 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 {
-- 
2.39.5