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": {