diff --git a/packages/client/src/styles/editor/index.scss b/packages/client/src/styles/editor/index.scss index 68e70f27..2944dbfd 100644 --- a/packages/client/src/styles/editor/index.scss +++ b/packages/client/src/styles/editor/index.scss @@ -8,6 +8,7 @@ @import './menu.scss'; @import './mind.scss'; @import './placeholder.scss'; +@import './search.scss'; @import './selection.scss'; @import './table.scss'; @import './title.scss'; diff --git a/packages/client/src/styles/editor/search.scss b/packages/client/src/styles/editor/search.scss new file mode 100644 index 00000000..03b172e1 --- /dev/null +++ b/packages/client/src/styles/editor/search.scss @@ -0,0 +1,9 @@ +.ProseMirror { + .search-result { + background: rgb(255, 217, 0); + } + + .search-result-current { + background: rgb(255, 0, 0); + } +} diff --git a/packages/client/src/styles/extension.scss b/packages/client/src/styles/extension.scss deleted file mode 100644 index 33805924..00000000 --- a/packages/client/src/styles/extension.scss +++ /dev/null @@ -1,74 +0,0 @@ -.bubble-menu { - display: flex; - align-items: center; - padding: 4px; - border-radius: 3px; - box-shadow: var(--box-shadow); - background-color: var(--semi-color-nav-bg); - overflow-x: auto; -} - -.table-controller-wrapper { - display: flex; - padding: 4px; - border-radius: 3px; - box-shadow: var(--box-shadow); - background-color: var(--semi-color-nav-bg); - - &.row { - column-gap: 8px; - flex-direction: column; - transform: translate(0, 70%); - } -} - -.resizeable-image-container { - width: 100%; - font-size: 0; - - &.left { - text-align: left; - } - - &.center { - text-align: center; - } - &.right { - text-align: right; - } - - img { - display: inline-block; - height: auto; - } - - .resizeable-image-small { - max-width: 200px; - } - .resizeable-image-medium { - width: 50%; - } - .resizeable-image-large { - width: 100%; - } - .resizeable-image-float-none { - float: none; - } -} - -.color { - white-space: nowrap; - - &::before { - background-color: var(--color); - border: 1px solid rgba(128, 128, 128, 0.3); - border-radius: 2px; - content: ' '; - display: inline-block; - height: 1em; - margin-bottom: 0.15em; - margin-right: 0.1em; - vertical-align: middle; - width: 1em; - } -} diff --git a/packages/client/src/styles/globals.scss b/packages/client/src/styles/globals.scss index 9d8800a1..02d5295f 100644 --- a/packages/client/src/styles/globals.scss +++ b/packages/client/src/styles/globals.scss @@ -79,27 +79,6 @@ color: var(--semi-color-text-0); } -.react-resizable { - position: relative; -} - -.react-resizable-handle { - position: absolute; - bottom: -4px; - left: 50%; - width: 56px; - height: 8px; - background-color: #d9d9d9; - border-radius: 4px; - position: absolute; - margin-left: -28px; -} - -.react-resizable-handle-n, -.react-resizable-handle-s { - cursor: ns-resize; -} - .semi-spin-wrapper { display: flex; flex-direction: column;