gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-21 06:44:24 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

style/note title & icon: tweak appearance

Browse Source
This commit is contained in:
Adorian Doran 2025-12-16 22:54:55 +02:00
parent 5ffae303c4
commit cad86d4b21
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/widgets/note_icon.css
View File

@ -81,6 +81,8 @@ body.experimental-feature-new-layout {
.note-icon-widget button.note-icon { .note-icon-widget button.note-icon {
position: relative; position: relative;
outline-offset: 4px;
border-radius: 50%;
background: transparent !important; background: transparent !important;
&:hover { &:hover {

2
apps/client/src/widgets/note_icon.tsx
View File

@ -42,7 +42,7 @@ export default function NoteIcon() {
className="note-icon-widget" className="note-icon-widget"
title={t("note_icon.change_note_icon")} title={t("note_icon.change_note_icon")}
dropdownContainerStyle={{ width: "610px" }} dropdownContainerStyle={{ width: "610px" }}
buttonClassName={`note-icon ${icon ?? "bx bx-empty"}`} buttonClassName={`note-icon tn-focusable-button ${icon ?? "bx bx-empty"}`}
hideToggleArrow hideToggleArrow
disabled={viewScope?.viewMode !== "default"} disabled={viewScope?.viewMode !== "default"}
> >

4
apps/client/src/widgets/note_title.css
View File

@ -46,12 +46,12 @@ body.experimental-feature-new-layout {
.note-icon-widget { .note-icon-widget {
--note-icon-size: 20px; --note-icon-size: 20px;
--note-icon-container-padding-size: 4px; --note-icon-container-padding-size: 4px;
margin-inline: 8px; margin-inline: 12px 8px;
} }
.note-title-widget { .note-title-widget {
--note-title-size: 18px; --note-title-size: 18px;
--note-title-padding-inline: 4px; --note-title-padding-inline: 0;
} }
@container (max-width: 700px) { @container (max-width: 700px) {