style/status bar/note info: replace the "calculate" button with a link

This commit is contained in:
Adorian Doran
2025-12-15 01:55:43 +02:00
parent b9c7d2b01d
commit 9711b22ea9
3 changed files with 2 additions and 12 deletions

View File

@@ -168,12 +168,6 @@ ul.editability-dropdown li.dropdown-item > div {
* Note info * Note info
*/ */
:root .note-info-widget-table button.calculate-button {
min-width: 0;
padding: 4px 10px !important;
font-size: 0.8em;
}
/* Narrow width layout */ /* Narrow width layout */
.note-info-widget { .note-info-widget {
container: info-section / inline-size; container: info-section / inline-size;

View File

@@ -9,6 +9,7 @@ import LoadingSpinner from "../react/LoadingSpinner";
import { useTriliumEvent } from "../react/hooks"; import { useTriliumEvent } from "../react/hooks";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features"; import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
import FNote from "../../entities/fnote"; import FNote from "../../entities/fnote";
import LinkButton from "../react/LinkButton";
const isNewLayout = isExperimentalFeatureEnabled("new-layout"); const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@@ -53,9 +54,7 @@ export default function NoteInfoTab({ note }: { note: FNote | null | undefined }
export function NoteSizeWidget({ isLoading, noteSizeResponse, subtreeSizeResponse, requestSizeInfo }: Omit<ReturnType<typeof useNoteMetadata>, "metadata">) { export function NoteSizeWidget({ isLoading, noteSizeResponse, subtreeSizeResponse, requestSizeInfo }: Omit<ReturnType<typeof useNoteMetadata>, "metadata">) {
return <> return <>
{!isLoading && !noteSizeResponse && !subtreeSizeResponse && ( {!isLoading && !noteSizeResponse && !subtreeSizeResponse && (
<Button <LinkButton
className="calculate-button"
icon="bx bx-calculator"
text={t("note_info_widget.calculate")} text={t("note_info_widget.calculate")}
onClick={requestSizeInfo} onClick={requestSizeInfo}
/> />

View File

@@ -207,9 +207,6 @@ body.experimental-feature-new-layout .classic-toolbar-widget {
vertical-align: middle !important; vertical-align: middle !important;
} }
.note-info-widget .calculate-button {
padding: 0 10px;
}
/* #endregion */ /* #endregion */
/* #region Similar Notes */ /* #region Similar Notes */