feat: add more css specificity for tables (TypeCellOS#1336)

mfanselmo · matthewlipski · web-flow · commit 5c69f17fec13 · 2024-12-20T12:38:57.000+01:00
* feat: add more css specificity for tables

* Small changes

---------

Co-authored-by: matthewlipski &lt;matthewlipski@gmail.com&gt;
diff --git a/packages/core/src/editor/editor.css b/packages/core/src/editor/editor.css
@@ -109,7 +109,7 @@ Tippy popups that are appended to document.body directly
   padding
 } */
 
-.ProseMirror .tableWrapper {
+.bn-editor [data-content-type="table"] .tableWrapper {
   position: relative;
   top: -16px;
   left: -16px;
@@ -119,25 +119,25 @@ Tippy popups that are appended to document.body directly
   overflow-y: hidden;
 }
 
-.ProseMirror .tableWrapper-inner {
+.bn-editor [data-content-type="table"] .tableWrapper-inner {
   /* position: relative; */
   /* top: -16px;
   left: -16px; */
   padding: 16px;
 }
 
 /* table related: */
-.bn-editor table {
+.bn-editor [data-content-type="table"] table {
   width: auto !important;
   word-break: break-word;
 }
-.bn-editor th,
-.bn-editor td {
+.bn-editor [data-content-type="table"] th,
+.bn-editor [data-content-type="table"] td {
   border: 1px solid #ddd;
   padding: 3px 5px;
 }
 
-.bn-editor th {
+.bn-editor [data-content-type="table"] th {
   font-weight: bold;
   text-align: left;
 }
