wip #7634

diff --git a/resources/markdowneditor/style/style.sass b/resources/markdowneditor/style/style.sass
index 80868b27b1a6ba58f48e2f660e4cfc004098ddfc..b37582c4996a37e4075c02655b6976cad9009985 100644 (file)
--- 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 706cc4f41c033fbc5a6d807130921d0ea35b1652..9d978b1a4e04b714a9b6b249c47a3bd54a484fb2 100644 (file)
--- 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">