Merge pull request #15 from django-tiptap/show-hide-table-borders

Option to show/hide table borders
django-tiptap · Dec 2, 2021 · 0b5da61 · 0b5da61
2 parents c1de948 + 93299f0
commit 0b5da61
Show file tree

Hide file tree

Showing 3 changed files with 346 additions and 40 deletions.
diff --git a/django_tiptap/config.py b/django_tiptap/config.py
@@ -63,6 +63,7 @@
         "toggleHeaderColumn": "Toggle Header Column",
         "toggleHeaderRow": "Toggle Header Row",
         "toggleHeaderCell": "Toggle Header Cell",
+        "toggleTableBorders": "Toggle Table Borders",
         "clearFormat": "Clear Format",
         "jinjaHighlight": "Jinja Highlight",
         "rows": "Rows",
@@ -100,6 +101,7 @@
         "toggleHeaderColumn": "Kopfspalte ein/ausschalten",
         "toggleHeaderRow": "Kopfzeile ein/auschalten",
         "toggleHeaderCell": "Kopfzelle ein/auschalten",
+        "toggleTableBorders": "Ränder ein/ausblenden",
         "clearFormat": "Formatierung entfernen",
         "jinjaHighlight": "Jinja Markierungen",
         "rows": "Zeilen",

diff --git a/django_tiptap/static/django_tiptap/css/styles.css b/django_tiptap/static/django_tiptap/css/styles.css
@@ -414,6 +414,12 @@
   position: relative;
 }
 
+.ProseMirror table[show_borders="false"] td,
+.ProseMirror table[show_borders="false"] th {
+  border: none;
+  box-sizing: border-box;
+}
+
 .ProseMirror table td > *,
 .ProseMirror table th > * {
   margin-bottom: 0;