feat: align post category input with tag widget behavior

Co-authored-by: rfc1437 <774975+rfc1437@users.noreply.github.com>
2026-02-17 12:45:19 +00:00
parent beb951db97
commit 2f963df9d2
4 changed files with 72 additions and 226 deletions
--- a/src/renderer/components/Editor/Editor.css
+++ b/src/renderer/components/Editor/Editor.css
@@ -1021,128 +1021,3 @@
  font-size: 11px;
  opacity: 0.7;
 }
-
-/* Multi-select dropdown for categories */
-.multi-select-dropdown {
-  position: relative;
-  width: 100%;
-}
-
-.multi-select-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 8px 10px;
-  border: 1px solid var(--vscode-input-border, #3c3c3c);
-  border-radius: 4px;
-  background: var(--vscode-input-background);
-  color: var(--vscode-input-foreground);
-  font-size: 13px;
-  cursor: pointer;
-  text-align: left;
-}
-
-.multi-select-trigger:hover {
-  border-color: var(--vscode-focusBorder, #007fd4);
-}
-
-.multi-select-trigger:focus {
-  outline: none;
-  border-color: var(--vscode-focusBorder, #007fd4);
-}
-
-.multi-select-value {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.multi-select-arrow {
-  font-size: 10px;
-  margin-left: 8px;
-  opacity: 0.7;
-}
-
-.multi-select-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  margin-top: 2px;
-  padding: 4px 0;
-  background: var(--vscode-dropdown-background, #3c3c3c);
-  border: 1px solid var(--vscode-dropdown-border, #3c3c3c);
-  border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-  z-index: 1000;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.multi-select-option {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--vscode-dropdown-foreground);
-}
-
-.multi-select-option:hover {
-  background: var(--vscode-list-hoverBackground, #2a2d2e);
-}
-
-.multi-select-option input[type="checkbox"] {
-  margin: 0;
-  cursor: pointer;
-  accent-color: var(--vscode-focusBorder, #007fd4);
-}
-
-.multi-select-option span {
-  flex: 1;
-}
-
-/* Pills showing selected categories */
-.multi-select-pills {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  margin-top: 6px;
-}
-
-.multi-select-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 6px 2px 8px;
-  background: var(--vscode-badge-background, #4d4d4d);
-  color: var(--vscode-badge-foreground, #ffffff);
-  border-radius: 12px;
-  font-size: 11px;
-}
-
-.multi-select-pill-remove {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 14px;
-  height: 14px;
-  padding: 0;
-  margin: 0;
-  border: none;
-  background: transparent;
-  color: var(--vscode-badge-foreground, #ffffff);
-  font-size: 12px;
-  line-height: 1;
-  cursor: pointer;
-  border-radius: 50%;
-  opacity: 0.7;
-}
-
-.multi-select-pill-remove:hover {
-  opacity: 1;
-  background: rgba(255, 255, 255, 0.1);
-}