Netsyms/easy-markdown-editor
2
0
Fork 0
mirror of https://github.com/Ionaru/easy-markdown-editor synced 2025-07-02 23:54:28 -06:00
Code Issues Releases Wiki Activity

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

Browse Source
This commit is contained in:
Wes Cossick 2015-09-25 15:56:49 -05:00
parent 5466648503
commit a52a9a0098
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -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 link | drawLink | Create Link (Ctrl+K)<br>fa fa-link
image | drawImage | Insert Image (Ctrl+Alt+I)<br>fa fa-picture-o image | drawImage | Insert Image (Ctrl+Alt+I)<br>fa fa-picture-o
horizontal-rule | drawHorizontalRule | Insert Horizontal Line<br>fa fa-minus 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 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: Customize the toolbar using the `toolbar` option like:

7
src/css/simplemde.css
View File

@ -177,7 +177,7 @@
content: "▼"; 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; pointer-events: none;
background: #fff; background: #fff;
border-color: transparent; border-color: transparent;
@ -185,10 +185,7 @@
} }
@media only screen and (max-width: 700px) { @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; display: none;
} }
} }

6
src/js/simplemde.js
View File

@ -705,19 +705,19 @@ var toolbarBuiltInButtons = {
"preview": { "preview": {
name: "preview", name: "preview",
action: togglePreview, action: togglePreview,
className: "fa fa-eye", className: "fa fa-eye no-disable",
title: "Toggle Preview (Ctrl+P)", title: "Toggle Preview (Ctrl+P)",
}, },
"side-by-side": { "side-by-side": {
name: "side-by-side", name: "side-by-side",
action: toggleSideBySide, action: toggleSideBySide,
className: "fa fa-columns", className: "fa fa-columns no-disable no-mobile",
title: "Toggle Side by Side (F9)", title: "Toggle Side by Side (F9)",
}, },
"fullscreen": { "fullscreen": {
name: "fullscreen", name: "fullscreen",
action: toggleFullScreen, action: toggleFullScreen,
className: "fa fa-arrows-alt", className: "fa fa-arrows-alt no-disable no-mobile",
title: "Toggle Fullscreen (F11)", title: "Toggle Fullscreen (F11)",
}, },
"guide": { "guide": {