diff --git a/README.md b/README.md index b5ad3b7..effeaf9 100644 --- a/README.md +++ b/README.md @@ -143,9 +143,9 @@ ordered-list | toggleOrderedList | Numbered List (Ctrl+Alt+L)
fa fa-list-ol link | drawLink | Create Link (Ctrl+K)
fa fa-link image | drawImage | Insert Image (Ctrl+Alt+I)
fa fa-picture-o horizontal-rule | drawHorizontalRule | Insert Horizontal Line
fa fa-minus -preview | togglePreview | Toggle Preview (Ctrl+P)
fa fa-eye -side-by-side | toggleSideBySide | Toggle Side by Side (F9)
fa fa-columns -fullscreen | toggleFullScreen | Toggle Fullscreen (F11)
fa fa-arrows-alt +preview | togglePreview | Toggle Preview (Ctrl+P)
fa fa-eye no-disable +side-by-side | toggleSideBySide | Toggle Side by Side (F9)
fa fa-columns no-disable no-mobile +fullscreen | toggleFullScreen | Toggle Fullscreen (F11)
fa fa-arrows-alt no-disable no-mobile guide | [This link](http://nextstepwebs.github.io/simplemde-markdown-editor/markdown-guide) | Markdown Guide
fa fa-question-circle Customize the toolbar using the `toolbar` option like: diff --git a/src/css/simplemde.css b/src/css/simplemde.css index 6c1d452..14e4e96 100644 --- a/src/css/simplemde.css +++ b/src/css/simplemde.css @@ -177,7 +177,7 @@ content: "▼"; } -.editor-toolbar.disabled-for-preview a:not(.fa-eye):not(.fa-arrows-alt):not(.fa-columns) { +.editor-toolbar.disabled-for-preview a:not(.no-disable) { pointer-events: none; background: #fff; border-color: transparent; @@ -185,10 +185,7 @@ } @media only screen and (max-width: 700px) { - .editor-toolbar a.fa-columns { - display: none; - } - .editor-toolbar a.fa-arrows-alt { + .editor-toolbar a.no-mobile { display: none; } } diff --git a/src/js/simplemde.js b/src/js/simplemde.js index 08ffd3a..28e5849 100644 --- a/src/js/simplemde.js +++ b/src/js/simplemde.js @@ -705,19 +705,19 @@ var toolbarBuiltInButtons = { "preview": { name: "preview", action: togglePreview, - className: "fa fa-eye", + className: "fa fa-eye no-disable", title: "Toggle Preview (Ctrl+P)", }, "side-by-side": { name: "side-by-side", action: toggleSideBySide, - className: "fa fa-columns", + className: "fa fa-columns no-disable no-mobile", title: "Toggle Side by Side (F9)", }, "fullscreen": { name: "fullscreen", action: toggleFullScreen, - className: "fa fa-arrows-alt", + className: "fa fa-arrows-alt no-disable no-mobile", title: "Toggle Fullscreen (F11)", }, "guide": {