From c39e89b81a07e8c6b61ff56dc74e0ffcca842ee3 Mon Sep 17 00:00:00 2001 From: fantasticit Date: Sun, 3 Apr 2022 20:54:18 +0800 Subject: [PATCH] fix: fix style on mobile --- packages/client/src/pages/_document.tsx | 15 +++++++++++++++ packages/client/src/tiptap/styles/selection.scss | 9 ++++++--- packages/client/src/tiptap/styles/table.scss | 13 ++++++++----- 3 files changed, 29 insertions(+), 8 deletions(-) create mode 100644 packages/client/src/pages/_document.tsx diff --git a/packages/client/src/pages/_document.tsx b/packages/client/src/pages/_document.tsx new file mode 100644 index 00000000..06ee6dff --- /dev/null +++ b/packages/client/src/pages/_document.tsx @@ -0,0 +1,15 @@ +import { Html, Head, Main, NextScript } from 'next/document'; + +export default function Document() { + return ( + + + + + +
+ + + + ); +} diff --git a/packages/client/src/tiptap/styles/selection.scss b/packages/client/src/tiptap/styles/selection.scss index bfecb8a4..539b41f1 100644 --- a/packages/client/src/tiptap/styles/selection.scss +++ b/packages/client/src/tiptap/styles/selection.scss @@ -69,7 +69,8 @@ position: relative; user-select: text; - &:hover { + &:hover, + &:active { border: 1px solid var(--node-hover-border-color); } } @@ -85,7 +86,8 @@ position: relative; border: 1px solid var(--node-selected-border-color) !important; - &:hover { + &:hover, + &:active { border-color: var(--node-selected-border-color); box-shadow: none; } @@ -104,7 +106,8 @@ .node-image { .render-wrapper { position: relative; - &:hover { + &:hover, + &:active { &::after { position: absolute; content: ''; diff --git a/packages/client/src/tiptap/styles/table.scss b/packages/client/src/tiptap/styles/table.scss index 17d27980..1ec89299 100644 --- a/packages/client/src/tiptap/styles/table.scss +++ b/packages/client/src/tiptap/styles/table.scss @@ -1,7 +1,7 @@ .ProseMirror { .tableWrapper { max-width: 100%; - margin-top: .75em; + margin-top: 0.75em; overflow: auto; &.has-focus { @@ -12,6 +12,9 @@ table { table-layout: fixed; border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: var(--semi-color-fill-2); td, th { @@ -48,7 +51,7 @@ z-index: 10; display: block; width: 100%; - height: .7em; + height: 0.7em; margin-bottom: 3px; cursor: pointer; background: #ced4da; @@ -65,7 +68,7 @@ left: -1em; z-index: 10; display: block; - width: .7em; + width: 0.7em; height: 100%; margin-right: 3px; cursor: pointer; @@ -83,8 +86,8 @@ left: -1em; z-index: 10; display: block; - width: .8em; - height: .8em; + width: 0.8em; + height: 0.8em; cursor: pointer; background: #ced4da; border-radius: 50%;