-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploying to gh-pages from @ f5a2183 🚀
- Loading branch information
Showing
8 changed files
with
4,806 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,390 @@ | ||
.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up { | ||
width: 28px; | ||
} | ||
.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label { | ||
padding: 2px 4px; | ||
} | ||
.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up .ql-picker-label svg { | ||
position: static; | ||
margin-top: 0; | ||
} | ||
.ql-toolbar .ql-picker.ql-expanded .ql-picker-options { | ||
z-index: 1; | ||
} | ||
.ql-container .ql-table-selection_line { | ||
display: none; | ||
position: absolute; | ||
border: 2px solid; | ||
pointer-events: none; | ||
} | ||
.ql-container .ql-table-resize-line-row, | ||
.ql-container .ql-table-resize-line-col { | ||
position: absolute; | ||
z-index: 0; | ||
} | ||
.ql-container .ql-table-resize-line-row::before, | ||
.ql-container .ql-table-resize-line-col::before, | ||
.ql-container .ql-table-resize-line-row::after, | ||
.ql-container .ql-table-resize-line-col::after { | ||
content: ''; | ||
display: block; | ||
position: absolute; | ||
top: 0px; | ||
z-index: 1; | ||
} | ||
.ql-container .ql-table-resize-line-row { | ||
height: 1px; | ||
cursor: ns-resize; | ||
} | ||
.ql-container .ql-table-resize-line-row::before, | ||
.ql-container .ql-table-resize-line-row::after { | ||
width: 100%; | ||
height: 8px; | ||
} | ||
.ql-container .ql-table-resize-line-row::before { | ||
transform: translateY(-8px); | ||
} | ||
.ql-container .ql-table-resize-line-col { | ||
width: 1px; | ||
cursor: ew-resize; | ||
} | ||
.ql-container .ql-table-resize-line-col::before, | ||
.ql-container .ql-table-resize-line-col::after { | ||
height: 100%; | ||
width: 8px; | ||
} | ||
.ql-container .ql-table-resize-line-col::before { | ||
transform: translateX(-8px); | ||
} | ||
.ql-container .ql-table-resizer { | ||
position: absolute; | ||
z-index: 0; | ||
} | ||
.ql-container .ql-table-resizer-row, | ||
.ql-container .ql-table-resizer-col { | ||
position: absolute; | ||
top: 0px; | ||
left: 0px; | ||
overflow: hidden; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-wrapper, | ||
.ql-container .ql-table-resizer .ql-table-row-wrapper { | ||
display: flex; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-header, | ||
.ql-container .ql-table-resizer .ql-table-row-header { | ||
position: relative; | ||
flex-shrink: 0; | ||
background-color: #f3f4f5; | ||
border: 1px solid #ccc; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-wrapper { | ||
height: 100%; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-header { | ||
height: 100%; | ||
cursor: pointer; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-separator { | ||
position: absolute; | ||
top: 0px; | ||
bottom: 0px; | ||
right: -2px; | ||
width: 2px; | ||
cursor: ew-resize; | ||
z-index: 0; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-separator::after { | ||
right: -6px; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-separator::before { | ||
left: -6px; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-col-separator::after, | ||
.ql-container .ql-table-resizer .ql-table-col-separator::before { | ||
content: ''; | ||
position: absolute; | ||
top: 0; | ||
display: block; | ||
width: 8px; | ||
height: 100%; | ||
z-index: 1; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-wrapper { | ||
flex-direction: column; | ||
width: 100%; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-header { | ||
width: 100%; | ||
cursor: pointer; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-separator { | ||
position: absolute; | ||
left: 0px; | ||
right: 0px; | ||
bottom: -2px; | ||
height: 2px; | ||
cursor: ns-resize; | ||
z-index: 0; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-separator::after { | ||
bottom: -6px; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-separator::before { | ||
top: -6px; | ||
} | ||
.ql-container .ql-table-resizer .ql-table-row-separator::after, | ||
.ql-container .ql-table-resizer .ql-table-row-separator::before { | ||
content: ''; | ||
position: absolute; | ||
left: 0; | ||
display: block; | ||
width: 100%; | ||
height: 8px; | ||
z-index: 1; | ||
} | ||
.ql-container .ql-table-resizer-corner { | ||
position: absolute; | ||
top: 0px; | ||
left: 0px; | ||
background-color: #f3f4f5; | ||
border: 1px solid #ccc; | ||
border-right: none; | ||
border-bottom: none; | ||
border-top-left-radius: 50%; | ||
} | ||
.ql-table-toolbox { | ||
position: absolute; | ||
top: 0px; | ||
left: 0px; | ||
width: 100%; | ||
height: 100%; | ||
overflow: hidden; | ||
pointer-events: none; | ||
} | ||
.ql-table-toolbox * { | ||
pointer-events: all; | ||
} | ||
.ql-table-drag-line { | ||
position: fixed; | ||
z-index: 0; | ||
background-color: #409eff; | ||
} | ||
.ql-table-drag-line.col { | ||
width: 2px; | ||
cursor: ew-resize; | ||
} | ||
.ql-table-drag-line.row { | ||
height: 2px; | ||
cursor: ns-resize; | ||
} | ||
.ql-table-menu { | ||
position: absolute; | ||
z-index: 1; | ||
display: none; | ||
align-items: center; | ||
justify-content: center; | ||
padding: 4px; | ||
border-radius: 6px; | ||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); | ||
background-color: #ffffff; | ||
font-size: 14px; | ||
} | ||
.ql-table-menu.contextmenu { | ||
flex-direction: column; | ||
} | ||
.ql-table-menu.contextmenu .ql-table-menu-item { | ||
width: 100%; | ||
justify-content: flex-start; | ||
cursor: pointer; | ||
} | ||
.ql-table-menu.contextmenu .break { | ||
height: 1px; | ||
margin: 4px 0px; | ||
background-color: #a3a3a3; | ||
} | ||
.ql-table-menu.contextmenu .icon { | ||
margin-right: 4px; | ||
} | ||
.ql-table-menu-item { | ||
position: relative; | ||
display: inline-flex; | ||
align-items: center; | ||
justify-content: center; | ||
padding: 4px; | ||
border-radius: 4px; | ||
cursor: pointer; | ||
} | ||
.ql-table-menu-item:hover { | ||
background-color: #eeeeee; | ||
} | ||
.ql-table-menu-item.break { | ||
align-self: stretch; | ||
width: 1px; | ||
padding: 0px; | ||
margin: 2px 4px; | ||
background-color: #a3a3a3; | ||
cursor: default; | ||
} | ||
.ql-table-menu-item .icon { | ||
display: flex; | ||
flex-shrink: 0; | ||
font-size: 20px; | ||
} | ||
.ql-table-menu-item span { | ||
text-wrap: nowrap; | ||
} | ||
.table-color-select-wrapper { | ||
display: flex; | ||
flex-direction: column; | ||
} | ||
.table-color-map { | ||
display: flex; | ||
flex-direction: column; | ||
} | ||
.table-color-map-row { | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
} | ||
.table-color-used { | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
flex-direction: row-reverse; | ||
margin-top: 0.25rem; | ||
padding-top: 0.25rem; | ||
border-top: 0.0625rem solid #ccc; | ||
} | ||
.table-color-item { | ||
width: 0.875rem; | ||
height: 0.875rem; | ||
margin: 0.125rem; | ||
border: 0.0625rem solid #a3a3a3; | ||
cursor: pointer; | ||
} | ||
.table-color-clear, | ||
.table-color-custom { | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
flex: 1; | ||
height: 1.25rem; | ||
margin: 0 0.25rem; | ||
color: #303133; | ||
background-color: #fff; | ||
cursor: pointer; | ||
} | ||
.table-color-clear:hover, | ||
.table-color-custom:hover { | ||
background-color: #edeeef; | ||
} | ||
.ql-editor .ql-table { | ||
display: table; | ||
border-collapse: separate; | ||
table-layout: fixed; | ||
width: auto; | ||
} | ||
.ql-editor .ql-table[data-full] { | ||
width: 100%; | ||
} | ||
.ql-editor .ql-table-dragging { | ||
-webkit-user-select: none; | ||
-moz-user-select: none; | ||
user-select: none; | ||
} | ||
.ql-editor .ql-table-wrapper { | ||
width: 100%; | ||
overflow: auto; | ||
} | ||
.ql-editor .ql-table-wrapper:hover::-webkit-scrollbar-thumb { | ||
background-color: #a1a1aa; | ||
} | ||
.ql-editor .ql-table-wrapper::-webkit-scrollbar { | ||
width: 6px; | ||
height: 6px; | ||
} | ||
.ql-editor .ql-table-wrapper::-webkit-scrollbar-thumb { | ||
background-color: #d2d2d2; | ||
border-radius: 4px; | ||
} | ||
.ql-editor .ql-table-cell { | ||
padding: 8px 12px; | ||
border: 1px solid #a1a1aa; | ||
font-size: 14px; | ||
outline: none; | ||
overflow: auto; | ||
} | ||
.ql-editor .ql-table-cell-inner { | ||
display: inline-block; | ||
min-width: 100%; | ||
word-break: break-word; | ||
} | ||
.ql-editor .ql-table col { | ||
border-collapse: separate; | ||
text-indent: initial; | ||
display: table-column; | ||
table-layout: fixed; | ||
} | ||
.ql-snow .select-box { | ||
--select-box-color-bg-hover: #f5f5f5; | ||
--select-box-color-bg-active: #e0f2fe; | ||
--select-box-custom-color-text: #0d0d0d; | ||
--select-box-custom-color-bg: transparent; | ||
--select-box-custom-color-bg-hover: #ebebeb; | ||
} | ||
.select-box { | ||
--select-box-color-border: #e5e7eb; | ||
--select-box-border: 0.0625rem solid var(--select-box-color-border); | ||
--select-box-color-active: #0ea5e9; | ||
--select-box-color-bg-hover: #f5f5f5; | ||
--select-box-color-bg-active: transparent; | ||
--select-box-custom-color-text: #f5f5f5; | ||
--select-box-custom-color-bg: transparent; | ||
--select-box-custom-color-bg-hover: #2c2c2c; | ||
} | ||
.select-box__block { | ||
display: flex; | ||
width: 10rem; | ||
flex-wrap: wrap; | ||
align-items: center; | ||
justify-content: center; | ||
} | ||
.select-box__item { | ||
margin: 0.125rem; | ||
height: 1rem; | ||
width: 1rem; | ||
border: var(--select-box-border); | ||
} | ||
.select-box__item.active { | ||
border-color: var(--select-box-color-active); | ||
background-color: var(--select-box-color-bg-active); | ||
} | ||
.select-box__custom { | ||
padding: 0.5rem; | ||
color: var(--select-box-custom-color-text); | ||
background-color: var(--select-box-custom-color-bg); | ||
font-size: 1rem; | ||
text-align: center; | ||
cursor: pointer; | ||
} | ||
.select-box__custom:hover { | ||
background-color: var(--select-box-custom-color-bg-hover); | ||
} | ||
.tooltip { | ||
position: absolute; | ||
z-index: 20; | ||
padding: 0.25rem 0.75rem; | ||
border-radius: 0.25rem; | ||
font-size: 0.75rem; | ||
color: #ffffff; | ||
white-space: nowrap; | ||
background-color: #303133; | ||
transition: opacity 0.15s linear; | ||
} | ||
.tooltip.transparent { | ||
opacity: 0; | ||
} | ||
.tooltip.hidden { | ||
display: none; | ||
} |
Oops, something went wrong.