Fix #112: Reorder Table Rows (#6473)

CHANGELOG-DEV.md

@@ -7,6 +7,7 @@ HumHub Changelog
 - Fix #6471: Wording "Default Homepage" in Space Default Settings
 - Fix #6468: Module Administration - Marketplace Links broken without Pretty URLs
 - Enh #6469: Added Info text for Marketplace page 
+- Fix #112: Reorder Table Rows
 
 1.15.0-beta.1 (July 31, 2023)
 -----------------------------

static/less/markdown.less

@@ -9,16 +9,15 @@
 @md-block-spacing: 1.2em;
 
 .markdown-render, [data-ui-markdown], [data-ui-richtext] {
-
+    line-height: 1.57;
     overflow: hidden;
     overflow-wrap: break-word;
-    line-height: 1.57;
 
     h1, h2, h3, h4, h5, h6 {
-        text-align: start;
-        font-weight: normal;
         margin: @md-block-spacing 0 0.8em;
         color: @text-color-main;
+        font-weight: normal;
+        text-align: start;
     }
 
     h1:first-child,
@@ -186,15 +185,21 @@
     }
 
     table {
-        width: 100%;
-        font-size: 1em;
         border: 1px solid @background3;
         margin-bottom: @md-block-spacing !important;
+        font-size: 1em;
+        width: 100%;
+
+        th, td {
+            border: 1px solid @background3 !important;
+            box-sizing: border-box;
+            position: relative;
+        }
 
         th {
-            font-size: 1em;
-            color: @text-color-contrast !important;
             background-color: @primary;
+            color: @text-color-contrast !important;
+            font-size: 1em;
 
             p {
                 color: @text-color-contrast !important;
@@ -202,13 +207,11 @@
         }
 
         td {
-            padding:15px;
-            border: 1px solid @background3 !important;
+            padding: 15px;
         }
 
         th {
             padding: 10px 15px;
-            border: 1px solid @background3 !important;
         }
     }
 }

static/less/richtext.less

@@ -523,9 +523,8 @@
     }
 
     /* Give selected cells a blue overlay */
-
     .ProseMirror .selectedCell:after {
-        background: rgba(200, 200, 255, 0.4);
+        background: rgba(200, 255, 255, 0.4);
         content: "";
         pointer-events: none;
         position: absolute;
@@ -552,13 +551,13 @@
 
 .ProseMirror-prompt {
     background: white;
-    padding: 5px 10px 5px 15px;
     border: 1px solid silver;
-    position: fixed;
     border-radius: 3px;
+    box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
+    padding: 5px 10px 5px 15px;
+    position: fixed;
     min-width: 300px;
     z-index: 999999;
-    box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
 
     h5 {
         font-weight: bold;
@@ -572,13 +571,13 @@
 }
 
 .ProseMirror-prompt-close {
+    background: transparent;
+    color: @text-color-soft;
+    padding: 0;
     position: absolute;
     left: 2px;
     top: 1px;
-    color: @text-color-soft;
     border: none;
-    background: transparent;
-    padding: 0;
 }
 
 .ProseMirror-prompt-close:after {