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

style(next): reorganize CSS

Browse Source
This commit is contained in:
Adorian Doran 2025-03-20 14:40:42 +02:00
parent 5f12ddaa14
commit 57b5e47b5a
7 changed files with 130 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,6 @@
@import url(./dialogs.css);
@import url(./pages.css);
@import url(./ribbon.css);
@import url(./notes/empty.css);
@import url(./notes/text.css);
@font-face {

11
src/public/stylesheets/theme-next/dialogs.css
View File

@ -385,3 +385,14 @@ div.tn-tool-dialog {
.delete-notes-list .note-path {
padding-left: 8px;
}
/*
* ATTRIBUTE DETAIL DIALOG
*/
/* Labels */
.attr-edit-table th {
padding-right: 12px;
font-weight: normal;
white-space: nowrap;
}

11
src/public/stylesheets/theme-next/notes/empty.css
View File

@ -1,11 +0,0 @@
/* The container */
div.note-detail-empty {
max-width: 70%;
margin: 50px auto;
}
/* The search results list */
.note-detail-empty span.aa-dropdown-menu {
margin-top: 1em;
border: unset;
}

103
src/public/stylesheets/theme-next/notes/text.css
View File

@ -132,105 +132,4 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
.ck-content .table > figcaption {
background: var(--accented-background-color);
color: var(--main-text-color);
}
/*
* Search in text panel
*/
.find-replace-widget {
container-type: inline-size;
border-top: 3px solid var(--root-background) !important;
}
.find-replace-widget > div {
padding: 8px;
}
.find-replace-widget > div + div {
padding-top: 0;
}
div.find-replace-widget div.find-widget-found-wrapper > span {
min-width: 50px;
font-style: normal;
font-weight: normal;
}
/* The up / down buttons of the "Find in text" input */
.find-replace-widget .input-group button {
font-size: 1.3em;
}
.find-replace-widget .form-check {
padding-left: 0;
white-space: nowrap;
}
.find-replace-widget .form-check .form-check-input {
margin-left: 0;
}
/* Narrow version */
@container (max-width: 600px) {
.find-replace-widget > *,
.find-replace-widget input,
.find-replace-widget button.btn.btn-sm {
font-size: .9em;
}
.find-widget-box {
position: relative;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.find-widget-box,
.replace-widget-box {
padding-right: 3em !important;
}
.find-widget-close-button {
position: absolute;
top: .85em;
right: .5em;
}
.find-widget-box > * {
margin: unset !important;
}
div.find-widget-search-term-input-group {
margin-bottom: 8px;
max-width: unset;
width: 100%;
}
.find-widget-found-wrapper,
.find-widget-found-wrapper > span {
min-width: 0 !important;
}
.find-widget-spacer {
display: none;
}
.form-check {
min-height: unset;
margin-bottom: unset;
}
.replace-widget-box {
gap: 8px;
}
.replace-widget-box > * {
margin-right: unset !important;
}
div.replace-widget-box button.btn.btn-sm {
min-width: unset;
white-space: nowrap;
}
}
}

16
src/public/stylesheets/theme-next/pages.css
View File

@ -101,6 +101,22 @@
color: var(--tab-close-button-hover-background);
}
/*
* EMPTY NOTE PAGE
*/
/* The container */
div.note-detail-empty {
max-width: 70%;
margin: 50px auto;
}
/* The search results list */
.note-detail-empty span.aa-dropdown-menu {
margin-top: 1em;
border: unset;
}
/*
* OPTIONS PAGES
*/

13
src/public/stylesheets/theme-next/ribbon.css
View File

@ -153,15 +153,4 @@ div.editability-dropdown a.dropdown-item {
/* Narrow width layout */
.note-info-widget {
container: info-section / inline-size;
}
/*
* Attribute detail dialog
*/
/* Labels */
.attr-edit-table th {
padding-right: 12px;
font-weight: normal;
white-space: nowrap;
}
}

101
src/public/stylesheets/theme-next/shell.css
View File

@ -1304,6 +1304,107 @@ div.promoted-attribute-cell .multiplicity:has(span) {
font-size: 0; /* Prevent whitespaces creating a gap between buttons */
}
/*
* Find and replace bar
*/
.find-replace-widget {
container-type: inline-size;
border-top: 3px solid var(--root-background) !important;
}
.find-replace-widget > div {
padding: 8px;
}
.find-replace-widget > div + div {
padding-top: 0;
}
div.find-replace-widget div.find-widget-found-wrapper > span {
min-width: 50px;
font-style: normal;
font-weight: normal;
}
/* The up / down buttons of the "Find in text" input */
.find-replace-widget .input-group button {
font-size: 1.3em;
}
.find-replace-widget .form-check {
padding-left: 0;
white-space: nowrap;
}
.find-replace-widget .form-check .form-check-input {
margin-left: 0;
}
/* Narrow version */
@container (max-width: 600px) {
.find-replace-widget > *,
.find-replace-widget input,
.find-replace-widget button.btn.btn-sm {
font-size: .9em;
}
.find-widget-box {
position: relative;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.find-widget-box,
.replace-widget-box {
padding-right: 3em !important;
}
.find-widget-close-button {
position: absolute;
top: .85em;
right: .5em;
}
.find-widget-box > * {
margin: unset !important;
}
div.find-widget-search-term-input-group {
margin-bottom: 8px;
max-width: unset;
width: 100%;
}
.find-widget-found-wrapper,
.find-widget-found-wrapper > span {
min-width: 0 !important;
}
.find-widget-spacer {
display: none;
}
.form-check {
min-height: unset;
margin-bottom: unset;
}
.replace-widget-box {
gap: 8px;
}
.replace-widget-box > * {
margin-right: unset !important;
}
div.replace-widget-box button.btn.btn-sm {
min-width: unset;
white-space: nowrap;
}
}
/*
* RIGHT PANE: TABLE OF CONTENTS AND HIGHLIGHT LIST
*/