feat: 新增 css 限制 dropdown 最大高度

Signed-off-by: wyttime04 <vanessa80332@gmail.com>
iq-service-inc · May 13, 2024 · 6eb592e · 6eb592e
1 parent bc9a377
commit 6eb592e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/App.jsx b/src/components/App.jsx
@@ -1,6 +1,7 @@
 import React, { Component } from "react";
 import SummerNote2 from "./SummerNote";
 import SummerNote from "./SummerNote";
+import "./SummerNote.css";
 import rtf2html from "../lib/trf2html";
 // import required codes
 // console.log(SummerNote)

diff --git a/src/components/SummerNote.css b/src/components/SummerNote.css
@@ -0,0 +1,13 @@
+.note-editor .note-toolbar .note-dropdown-menu.dropdown-fontname,
+.note-editor .note-toolbar .note-dropdown-menu.dropdown-fontsize,
+.note-editor .note-toolbar .note-dropdown-menu.dropdown-style,
+.note-editor .note-toolbar .note-dropdown-menu.dropdown-list-style,
+.note-editor .note-toolbar .note-dropdown-menu.dropdown-custom-style-list {
+    max-height: max(60vh, 200px);
+    overflow-y: auto;
+}
+
+.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
+.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
+    margin: 3px 0;
+}