Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-24 13:12:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): tweak the attribute detail dialog

Browse Source
This commit is contained in:
Adorian Doran 2025-02-06 19:20:10 +02:00
parent 8ca00c2138
commit 746e8ac5ea
4 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/app/widgets/attribute_widgets/attribute_detail.ts
View File

@ -13,7 +13,7 @@ import appContext from "../../components/app_context.js";
import type { Attribute } from "../../services/attribute_parser.js"; import type { Attribute } from "../../services/attribute_parser.js";
const TPL = ` const TPL = `
<div class="attr-detail"> <div class="attr-detail tn-tool-dialog">
<style> <style>
.attr-detail { .attr-detail {
display: block; display: block;
@ -80,7 +80,7 @@ const TPL = `
<div style="display: flex; justify-content: space-between; margin-bottom: 8px;"> <div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
<h5 class="attr-detail-title">${t("attribute_detail.attr_detail_title")}</h5> <h5 class="attr-detail-title">${t("attribute_detail.attr_detail_title")}</h5>
<span class="bx bx-x close-attr-detail-button" title="${t("attribute_detail.close_button_title")}"></span> <span class="bx bx-x close-attr-detail-button tn-tool-button" title="${t("attribute_detail.close_button_title")}"></span>
</div> </div>
<div class="attr-is-owned-by">${t("attribute_detail.attr_is_owned_by")}</div> <div class="attr-is-owned-by">${t("attribute_detail.attr_is_owned_by")}</div>

3
src/public/stylesheets/theme-next-dark.css
View File

@ -19,6 +19,9 @@
--accented-background-color: #555; --accented-background-color: #555;
--tool-dialog-background-color: #262626;
--tool-dialog-shadow-color: black;
--button-text-color: currentColor; --button-text-color: currentColor;
--cmd-button-background-color: #ffffff28; --cmd-button-background-color: #ffffff28;

3
src/public/stylesheets/theme-next-light.css
View File

@ -19,6 +19,9 @@
--accented-background-color: #f5f5f5; --accented-background-color: #f5f5f5;
--tool-dialog-background-color: white;
--tool-dialog-shadow-color: #00000070;
--button-text-color: currentColor; --button-text-color: currentColor;
--cmd-button-background-color: #0000000f; --cmd-button-background-color: #0000000f;

8
src/public/stylesheets/theme-next/base.css
View File

@ -67,6 +67,14 @@
--tab-note-icons: true; --tab-note-icons: true;
} }
/* Tool dialogs - small dialogs without a backdrop */
div.tn-tool-dialog {
border-radius: 10px;
background: var(--tool-dialog-background-color) !important;
user-select: none;
box-shadow: 10px 10px 93px -25px var(--tool-dialog-shadow-color);
}
/* /*
* Note search suggestions * Note search suggestions
*/ */