mirror of
https://github.com/devonthesofa/obsidian-note-status.git
synced 2026-07-22 12:30:24 +00:00
refactor: remove redundant title
This commit is contained in:
parent
8bc310805a
commit
c221d6b576
4 changed files with 16 additions and 36 deletions
|
|
@ -19,7 +19,7 @@ export interface Props {
|
|||
) => Promise<void>;
|
||||
}
|
||||
|
||||
export const ChangeStatusModalContent: React.FC<Props> = ({
|
||||
export const ChangeStatusModal: React.FC<Props> = ({
|
||||
currentStatuses: initialStatuses,
|
||||
filesQuantity,
|
||||
availableStatuses,
|
||||
|
|
@ -42,6 +42,8 @@ export const ChangeStatusModalContent: React.FC<Props> = ({
|
|||
|
||||
return (
|
||||
<>
|
||||
<h1>Change note status {filesQuantity}</h1>
|
||||
|
||||
{currentStatuses.map(([frontmatterTagName, statusList]) => (
|
||||
<StatusSelectorGroupedByTag
|
||||
key={frontmatterTagName}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
import { App, Modal, Notice } from "obsidian";
|
||||
import { createRoot, Root } from "react-dom/client";
|
||||
import {
|
||||
ChangeStatusModalContent,
|
||||
ChangeStatusModal,
|
||||
Props,
|
||||
} from "@/components/StatusModal/ChangeStatusModalContent";
|
||||
} from "@/components/ChangeStatusModal/ChangeStatusModal";
|
||||
import SelectorService from "@/core/selectorService";
|
||||
import {
|
||||
MultipleNoteStatusService,
|
||||
|
|
@ -87,10 +87,7 @@ export class StatusModalIntegration extends Modal {
|
|||
}
|
||||
|
||||
private render() {
|
||||
const { contentEl, titleEl } = this;
|
||||
|
||||
titleEl.setText("Note Status");
|
||||
// this.modalEl.addClass("note-status-modal");
|
||||
const { contentEl } = this;
|
||||
|
||||
if (!this.root) {
|
||||
this.root = createRoot(contentEl);
|
||||
|
|
@ -105,7 +102,7 @@ export class StatusModalIntegration extends Modal {
|
|||
this.selectorService.noteStatusService.selectedFilesQTY();
|
||||
}
|
||||
this.root.render(
|
||||
<ChangeStatusModalContent
|
||||
<ChangeStatusModal
|
||||
availableStatuses={NoteStatusService.getAllAvailableStatuses()}
|
||||
currentStatuses={
|
||||
this.selectorService.noteStatusService.statuses ?? {}
|
||||
|
|
|
|||
37
styles.css
37
styles.css
|
|
@ -198,21 +198,21 @@
|
|||
.collapsible-counter-container {
|
||||
color: var(--text-muted);
|
||||
padding: var(--size-2-1) var(--size-2-3);
|
||||
borderRadius: var(--radius-s);
|
||||
backgroundColor: var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
background-color: var(--background-modifier-border);
|
||||
border: 1px solid var(--background-modifier-border-hover);
|
||||
fontWeight: var(--font-weight-medium);
|
||||
font-weight: var(--font-weight-medium);
|
||||
transition: all var(--anim-duration-fast) ease;
|
||||
minWidth: 20px;
|
||||
textAlign: center;
|
||||
min-width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* styles/components/group-label.css */
|
||||
.group-label-container {
|
||||
fontSize: var(--font-text-size);
|
||||
textTransform: uppercase;
|
||||
letterSpacing: 0.8px;
|
||||
fontWeight: var(--font-weight-semibold);
|
||||
font-size: var(--font-text-size);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.8px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
transition: color var(--anim-duration-fast) ease;
|
||||
}
|
||||
|
||||
|
|
@ -311,11 +311,6 @@
|
|||
padding: var(--size-2-1) var(--size-2-3);
|
||||
border-radius: var(--radius-m);
|
||||
}
|
||||
.modal-content {
|
||||
padding: var(--size-4-2) var(--size-4-4) var(--size-4-4) var(--size-4-4);
|
||||
max-height: 320px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.status-group:not(:last-child) {
|
||||
margin-bottom: var(--size-4-4);
|
||||
}
|
||||
|
|
@ -402,20 +397,6 @@
|
|||
border-top: none;
|
||||
border-left: none;
|
||||
}
|
||||
.modal-content::-webkit-scrollbar {
|
||||
width: var(--scrollbar-thin-thumb);
|
||||
}
|
||||
.modal-content::-webkit-scrollbar-track {
|
||||
background: var(--background-modifier-hover);
|
||||
border-radius: var(--radius-s);
|
||||
}
|
||||
.modal-content::-webkit-scrollbar-thumb {
|
||||
background: var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
}
|
||||
.modal-content::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--background-modifier-border-hover);
|
||||
}
|
||||
|
||||
/* styles/components/status-file-info-popup.css */
|
||||
.status-info-popup {
|
||||
|
|
|
|||
Loading…
Reference in a new issue