From 9650f898d3b6d721dd8c39fc7bfc530284adb0db Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 15 Jul 2025 18:44:42 +0200
Subject: [PATCH] wip #7634

---
 resources/markdowneditor/style/style.sass     | 39 +++++++++++++++----
 .../markdown_editor.blade.php                 |  3 ++
 2 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/resources/markdowneditor/style/style.sass b/resources/markdowneditor/style/style.sass
index 80868b27b..b37582c49 100644
--- a/resources/markdowneditor/style/style.sass
+++ b/resources/markdowneditor/style/style.sass
@@ -9,12 +9,13 @@ body
 
 .markdown
     display: flex
-    &-toolbar-left
-        width: 33%
-        vertical-align: top
     &-toolbar-left,
     &-toolbar-center
+        width: 33%
+        height: 26px
+        vertical-align: top
         display: inline-block
+        padding: 2px
         [data-icon]
             display: inline-block
             vertical-align: top
@@ -24,6 +25,7 @@ body
             border-radius: 5px
             margin: 0 3px
             text-align: center
+            color: #5d5d5d
             svg
                 position: relative
                 top: 1px
@@ -40,22 +42,32 @@ body
             user-select: none
             margin: 2px 8px
             font-weight: 600
-
-            background-color: #000
-            border: 1px solid #333
+            background-color: #fff
+            border: 1px solid #ccc
             color: #bbb
+            font-family: Montserrat, sans-serif
             input
                 display: inline-block
                 text-align: right
                 border: 0
                 background-color: transparent
                 width: 20px
-                color: #5d5d5d
+                color: #bbb
                 font-size: 13px
                 font-weight: 600
                 position: relative
+                border-radius: 3px
+                padding: 0
+
                 &[type=number]
                     appearance: textfield
+                &:hover,
+                &:focus
+                    outline: 0
+                    border: 0
+
+    &-toolbar-center
+        text-align: center
 
     &-revision
         height: 100vh
@@ -93,7 +105,7 @@ body
         height: 100vh
         overflow: hidden
         position: relative
-        padding-top: 45px
+        padding-top: 40px
         flex: 1
         #editor
             height: 100% !important
@@ -158,9 +170,20 @@ body
             height: 18px
             width: auto
 
+    .separator
+        width: 0
+        height: 26px
+        margin: 0 2px
+        border-left: 1px solid rgb(156.75, 156.75, 156.75)
+
 .toastui-editor-defaultUI
     width: calc(100% - 3px) !important
 
 .toastui-editor-dropdown-toolbar
     flex-wrap: wrap
     height: auto
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0
diff --git a/resources/views/fluidbook_publication/markdown_editor.blade.php b/resources/views/fluidbook_publication/markdown_editor.blade.php
index 706cc4f41..9d978b1a4 100644
--- a/resources/views/fluidbook_publication/markdown_editor.blade.php
+++ b/resources/views/fluidbook_publication/markdown_editor.blade.php
@@ -47,6 +47,9 @@
                        data-tooltip="{{__('Aller à la page suivante')}}"></a>
                     <a href="#" data-action="lastPage" data-icon="last-page"
                        data-tooltip="{{__('Aller à la dernière page')}}"></a>
+                    <div class="separator"></div>
+                    <a href="#" data-action="openFluidbook" data-icon="open-fluidbook"
+                       data-tooltip="{{__('Ouvrir le fluidbook à la page courante')}}"></a>
                 </nav>
             </div>
             <div id="markdown-preview" class="markdown-container">
-- 
2.39.5