Adjust RTE table styles

This commit is contained in:
Jože Fortun
2024-10-16 14:06:15 +02:00
parent c64ca04514
commit ce9cd0a12c
4 changed files with 105 additions and 94 deletions
@@ -43,70 +43,3 @@
padding-bottom: 0px !important;
}
}
/* Basic editor styles */
.editor__content :first-child {
margin-top: 0;
}
/* Table-specific styling */
.editor__content table {
border-collapse: collapse;
margin: 0;
overflow: hidden;
table-layout: fixed;
width: 100%;
}
.editor__content td,
.editor__content th {
border: 1px solid var(--gray);
box-sizing: border-box;
min-width: 1em;
padding: 6px 8px;
position: relative;
vertical-align: top;
}
.editor__content td > *,
.editor__content th > * {
margin-bottom: 0;
}
.editor__content th {
background-color: var(--gray-dark);
font-weight: bold;
text-align: left;
}
.editor__content .selectedCell::after {
background: var(--gray-dark);
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
position: absolute;
z-index: 2;
}
.editor__content .column-resize-handle {
background-color: var(--purple);
bottom: -2px;
pointer-events: none;
position: absolute;
right: -2px;
top: 0;
width: 4px;
}
.editor__content .tableWrapper {
margin: 1.5rem 0;
overflow-x: auto;
}
.editor__content .resize-cursor {
cursor: ew-resize;
cursor: col-resize;
}