[allura] 02/10: simplemde toolbar speparators are now displayed correctly fixed some missdisplayed easymde toolbar icons the three buttons 'preview, fullscreen and guide' are now on the right side again

[br...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

brondsem pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/allura.git

commit 4601aae09a07a94f38492a21eb7f2d522eb9a106
Author: domark <do...@s-kapi.com>
AuthorDate: Tue Oct 27 10:29:18 2020 +0100

    simplemde toolbar speparators are now displayed correctly
    fixed some missdisplayed easymde toolbar icons
    the three buttons 'preview, fullscreen and guide' are now on the right side again
---
 Allura/allura/lib/widgets/resources/css/markitup_sf.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/Allura/allura/lib/widgets/resources/css/markitup_sf.css b/Allura/allura/lib/widgets/resources/css/markitup_sf.css
index 292c061..1c0345d 100644
--- a/Allura/allura/lib/widgets/resources/css/markitup_sf.css
+++ b/Allura/allura/lib/widgets/resources/css/markitup_sf.css
@@ -35,10 +35,12 @@
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  overflow: hidden;
 }
 .markdown_edit .CodeMirror-scroll {
   min-height: 60px;
   max-height: 500px;
+  overflow: auto !important;
 }
 .markdown_edit .CodeMirror-fullscreen .CodeMirror-scroll {
   max-height: none;
@@ -59,6 +61,9 @@
 .editor-toolbar.disabled-for-preview a:not(.fa-eye):not(.fa-arrows-alt):not(.fa-columns)::before {
   color: #BBB;
 }
+.editor-toolbar button {
+  float: none;
+}
 
 .CodeMirror .CodeMirror-code .cm-comment {
   font-family: monospace;
@@ -75,9 +80,9 @@
     color: #999;
 }
 /* move these buttons to the right, they are a different type of button */
-.editor-toolbar .fa-eye,
-.editor-toolbar .fa-arrows-alt,
-.editor-toolbar .fa-question-circle {
+.editor-toolbar button.preview,
+.editor-toolbar button.fullscreen,
+.editor-toolbar button.guide {
   float: right;
 }
 .editor-toolbar.fullscreen {