Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-07 08:01:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): fix top margin on "Other" section

Browse Source
This commit is contained in:
Elian Doran 2024-11-30 02:11:26 +02:00
parent 8552d95770
commit 84dc71ea3c
No known key found for this signature in database
2 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/app/widgets/type_widgets/content_widget.js
View File

@ -121,6 +121,7 @@ export default class ContentWidgetTypeWidget extends TypeWidget {
this.children = []; this.children = [];
const contentWidgets = CONTENT_WIDGETS[note.noteId]; const contentWidgets = CONTENT_WIDGETS[note.noteId];
this.$content.toggleClass("options", note.noteId.startsWith("_options"));
if (contentWidgets) { if (contentWidgets) {
for (const clazz of contentWidgets) { for (const clazz of contentWidgets) {

32
src/public/stylesheets/theme-next.css
View File

@ -929,34 +929,36 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
/* /*
* Settings * Settings
*/ */
.options-section { :root {
--card-padding: 17px; --options-card-padding: 17px;
--title-font-size: 1rem; --options-title-font-size: 1rem;
--title-offset: 13px; --options-title-offset: 13px;
}
.options-section {
border-radius: 12px; border-radius: 12px;
border: 1px solid var(--card-border-color) !important; border: 1px solid var(--card-border-color) !important;
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
background: var(--card-background-color); background: var(--card-background-color);
padding: var(--card-padding); padding: var(--options-card-padding);
margin-bottom: calc(var(--title-offset) + 26px) !important; margin-bottom: calc(var(--options-title-offset) + 26px) !important;
} }
.options-section:first-of-type { .note-detail-content-widget-content.options {
margin-top: calc(var(--title-offset) + var(--title-font-size)); padding-top: calc(15px + var(--options-title-offset) + var(--options-title-font-size));
} }
.options-section h4 { .options-section h4 {
font-size: var(--title-font-size); font-size: var(--options-title-font-size);
font-weight: bold; font-weight: bold;
color: var(--launcher-pane-text-color); color: var(--launcher-pane-text-color);
margin-top: calc(-1 * var(--card-padding) - var(--title-font-size) - var(--title-offset)) !important; margin-top: calc(-1 * var(--options-card-padding) - var(--options-title-font-size) - var(--options-title-offset)) !important;
margin-bottom: calc(var(--title-offset) + var(--card-padding)) !important; margin-bottom: calc(var(--options-title-offset) + var(--options-card-padding)) !important;
margin-left: calc(-1 * var(--card-padding)); margin-left: calc(-1 * var(--options-card-padding));
} }
.options-section h5 { .options-section h5 {
font-size: var(--title-font-size); font-size: var(--options-title-font-size);
font-weight: bold; font-weight: bold;
margin-top: 1em !important; margin-top: 1em !important;
margin-bottom: unset !important; margin-bottom: unset !important;
@ -967,8 +969,8 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
} }
.options-section hr { .options-section hr {
margin-left: calc(var(--card-padding) * -1); margin-left: calc(var(--options-card-padding) * -1);
margin-right: calc(var(--card-padding) * -1); margin-right: calc(var(--options-card-padding) * -1);
} }
.options-section .existing-anonymized-databases, .options-section .existing-anonymized-databases,