fixed buttons trigger

Author: agusmakmun

draceditor/static/css/draceditor.css

@@ -1,9 +1,52 @@
+/* This if  inside django admin */
+.submit-row a {
+  box-sizing: content-box;
+}
+
 .main-draceditor {
   max-width: 100%;
   position: relative;
   margin: 10px 0;
   max-height: 700px;
 }
+.draceditor-toolbar {
+  clear: both;
+  padding: 10px;
+  background-color: #fff;
+  box-shadow: 0 2px 2px #ddd;
+  -webkit-box-shadow: 0 2px 2px #ddd;
+  -moz-box-shadow: 0 2px 2px #ddd;
+  -o-box-shadow: 0 2px 2px #ddd;
+  -ms-box-shadow: 0 2px 2px #ddd;
+  border-top: 1px solid #f9f9f9;
+  margin-bottom: 2px;
+}
+.draceditor-toolbar .ui.icon .markdown-image-upload {
+  position: relative;
+  overflow: hidden;
+}
+.draceditor-toolbar .ui.icon .markdown-image-upload input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 25px;
+  padding: 0;
+  padding-left: 35px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  cursor: inherit;
+  display: block;
+}
+
+.section-draceditor {
+  position: relative;
+}
+
+
 .draceditor {
   height: 500px;
   max-height: 500px;
@@ -38,7 +81,14 @@
         left: 0;
     }
 }
-
+#emoji-loader-init {
+  padding: 5em;
+}
+.insert-emoji {
+  cursor: pointer;
+  white-space: nowrap;
+}
+.marked-emoji,
 .main-draceditor .markdown-preview .marked-emoji {
   max-width: 20px;
 }