Improve editor

lib/gencontent.php

@@ -105,6 +105,13 @@ $pagesize = $database->get("page_sizes", ["sizewidth (width)", "sizeheight (heig
         height: <?php echo ($pubdata["landscape"] == 0 ? $pagesize["height"] : $pagesize["width"]); ?>;
     }
 
+    .note-dropdown-menu.dropdown-style {
+        background: var(--background) !important;
+    }
+    .note-dropdown-menu.dropdown-style .note-dropdown-item:hover {
+        background: rgba(255,255,255,.25) !important;
+    }
+
 <?php echo file_get_contents(__DIR__ . "/../themes/" . $pubdata['style'] . "/extra.css"); ?>
 
     @media (max-width: 900px) {

static/css/app.css

@@ -47,4 +47,22 @@ body {
 
 .no-underline, .no-underline:hover {
     text-decoration: none;
+}
+
+.pub-content .note-editable {
+    background-color: transparent !important;
+}
+
+.pub-content .note-statusbar {
+    background-color: rgba(255,255,255,0.75) !important;
+    border-radius: 4px;
+}
+
+.pub-content .note-toolbar {
+    background-color: rgba(255,255,255,0.75) !important;
+    border-radius: 4px;
+}
+
+.pub-content .note-editor {
+    border: 0px transparent !important;
 }

static/js/content.js

@@ -7,11 +7,12 @@ $(".edit-btn").click(function () {
     $("#tile-" + tileid + "-content .tile-html").summernote({
         focus: true,
         toolbar: [
+            ['start', ['fullscreen', 'style']],
             ['style', ['bold', 'italic', 'underline', 'clear']],
             ['font', ['strikethrough', 'superscript', 'subscript']],
             ['insert', ['picture', 'link', 'video', 'table']],
             ['fontsize', ['fontsize']],
-            ['para', ['ul', 'ol', 'paragraph']],
+            ['para', ['ul', 'ol', 'paragraph']]
         ]
     });
 });