Use .no-disable and .no-mobile classes instead of .fa-X classes

README.md

@@ -143,9 +143,9 @@ ordered-list | toggleOrderedList | Numbered List (Ctrl+Alt+L)<br>fa fa-list-ol
 link | drawLink | Create Link (Ctrl+K)<br>fa fa-link
 image | drawImage | Insert Image (Ctrl+Alt+I)<br>fa fa-picture-o
 horizontal-rule | drawHorizontalRule | Insert Horizontal Line<br>fa fa-minus
-preview | togglePreview | Toggle Preview (Ctrl+P)<br>fa fa-eye
+preview | togglePreview | Toggle Preview (Ctrl+P)<br>fa fa-eye no-disable
-side-by-side | toggleSideBySide | Toggle Side by Side (F9)<br>fa fa-columns
+side-by-side | toggleSideBySide | Toggle Side by Side (F9)<br>fa fa-columns no-disable no-mobile
-fullscreen | toggleFullScreen | Toggle Fullscreen (F11)<br>fa fa-arrows-alt
+fullscreen | toggleFullScreen | Toggle Fullscreen (F11)<br>fa fa-arrows-alt no-disable no-mobile
 guide | [This link](http://nextstepwebs.github.io/simplemde-markdown-editor/markdown-guide) | Markdown Guide<br>fa fa-question-circle
 
 Customize the toolbar using the `toolbar` option like:

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 {
+	.editor-toolbar a.no-mobile {
-		display: none;
-	}
-	.editor-toolbar a.fa-arrows-alt {
 		display: none;
 	}
 }

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