haxtheweb/issues#1883 text overflow and form confusion fixes

haxtheweb · Jan 23, 2025 · 2427276 · 2427276
1 parent 2414dd0
commit 2427276
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 47 deletions.
diff --git a/elements/editable-table/lib/editable-table.haxProperties.json b/elements/editable-table/lib/editable-table.haxProperties.json
@@ -29,41 +29,39 @@
   "settings": {
     "configure": [
       {
-        "property": "bordered",
-        "title": "Bordered",
-        "inputMethod": "boolean"
-      },
-      {
-        "property": "condensed",
-        "title": "Condense Rows",
-        "description": "Condenses row height",
+        "property": "rowHeader",
+        "title": "Row Header",
+        "description": "Treats first row as header",
         "inputMethod": "boolean"
       },
       {
-        "property": "rowHeader",
-        "title": "Row Header",
+        "property": "columnHeader",
+        "title": "Column Header",
+        "description": "Treats first column as header",
         "inputMethod": "boolean"
       },
       {
-        "property": "striped",
-        "title": "Striped Rows",
-        "description": "Add shading to every other row",
+        "property": "footer",
+        "title": "Footer",
+        "description": "Treats last row as footer",
         "inputMethod": "boolean"
       },
       {
-        "property": "columnHeader",
-        "title": "Column Header",
+        "property": "sort",
+        "title": "Sortable",
+        "description": "Allows rows to be sorted by a column value",
         "inputMethod": "boolean"
       },
       {
-        "property": "columnStriped",
-        "title": "Striped Columns",
-        "description": "Add shading to every other column",
+        "property": "filter",
+        "title": "Allow Filter",
+        "description": "Allows data to be filtered by a column value",
         "inputMethod": "boolean"
       },
       {
-        "property": "footer",
-        "title": "Footer",
+        "property": "numericStyles",
+        "title": "Numeric Styling",
+        "description": "Styling for numeric columns",
         "inputMethod": "boolean"
       },
       {
@@ -75,22 +73,8 @@
     ],
     "advanced": [
       {
-        "property": "dataCsv",
-        "title": "CSV Data",
-        "description": "Make a table from an uploaded CSV file",
-        "inputMethod": "fileupload",
-        "accepts": "csv"
-      },
-      {
-        "property": "downloadable",
-        "title": "Download Button",
-        "description": "Adds a button to download the table",
-        "inputMethod": "boolean"
-      },
-      {
-        "property": "printable",
-        "title": "Print Button",
-        "description": "Adds a button to print just the table",
+        "property": "bordered",
+        "title": "Bordered",
         "inputMethod": "boolean"
       },
       {
@@ -100,23 +84,32 @@
         "inputMethod": "boolean"
       },
       {
-        "property": "numericStyles",
-        "title": "Numeric Styling",
-        "description": "Styling for numeric columns",
+        "property": "striped",
+        "title": "Striped Rows",
+        "description": "Add shading to every other row",
         "inputMethod": "boolean"
       },
       {
-        "property": "sort",
-        "title": "Sortable",
-        "description": "Allows rows to be sorted by a column value",
+        "property": "downloadable",
+        "title": "Download Button",
+        "description": "Adds a button to download the table",
         "inputMethod": "boolean"
       },
       {
-        "property": "filter",
-        "title": "Allow Filter",
-        "description": "Allows data to be filtered by a column value",
+        "property": "printable",
+        "title": "Print Button",
+        "description": "Adds a button to print just the table",
         "inputMethod": "boolean"
       }
+    ],
+    "developer": [
+      {
+        "property": "dataCsv",
+        "title": "CSV Data",
+        "description": "Make a table from an uploaded CSV file",
+        "inputMethod": "fileupload",
+        "accepts": "csv"
+      }
     ]
   },
   "saveOptions": {
@@ -135,7 +128,11 @@
       "tag": "editable-table",
       "content": "<table><tr><td>one</td><td>two</td></tr><tr><td>three</td><td>four</td></tr></table>",
       "properties": {
-        "downloadable": true
+        "downloadable": true,
+        "printable": true,
+        "bordered": true,
+        "striped": true,
+        "condensed": true
       }
     }
   ]

diff --git a/elements/rich-text-editor/lib/buttons/rich-text-editor-button.js b/elements/rich-text-editor/lib/buttons/rich-text-editor-button.js
@@ -22,7 +22,7 @@ import "@haxtheweb/hax-iconset/lib/simple-hax-iconset.js";
 const RichTextStyles = [
   css`
     :host {
-      height: var(--rich-text-editor-button-height, 32px);
+      min-height: var(--rich-text-editor-button-height, 32px);
       --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);
       --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);
       --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);