Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-15 02:31:36 +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 09:32:22 +02:00
parent ea467c392d
commit 431ffa7820
4 changed files with 106 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,8 @@
@import url(./forms.css);
@import url(./shell.css);
@import url(./dialogs.css);
@import url(./pages.css);
@import url(./ribbon.css);
@import url(./settings.css);
@import url(./notes/empty.css);
@import url(./notes/text.css);

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

@ -370,4 +370,10 @@
background: var(--help-code-background);
padding: 0 8px;
color: var(--help-code-color);
}
}
/* DELETE NOTE PREVIEW */
.delete-notes-list .note-path {
padding-left: 8px;
}

100
src/public/stylesheets/theme-next/settings.css → src/public/stylesheets/theme-next/pages.css
View File

@ -1,7 +1,103 @@
/*
* Settings
* LOG IN
*/
:root {
.login-page {
display: flex; /* Note: the login page contents is hidden before this property is applied */
height: 100%;
flex-direction: column;
justify-content: center;
}
.login-page > div {
padding-top: 0 !important;
padding-bottom: 20vh;
}
.login-page h1 {
margin-bottom: .5em;
font-weight: 300;
color: var(--muted-text-color);
}
.login-page .form-group {
margin-top: 8px;
}
.login-page .alert {
margin: 0;
border: unset;
padding: 8px 0 0 0;
font-size: .85em;
color: var(--dropdown-item-icon-destructive-color) !important;
}
/*
* SEARCH
*/
/* Button bar */
.search-definition-widget .search-setting-table tbody:last-child div {
justify-content: flex-end !important;
gap: 8px;
}
.search-result-widget-content .note-path .path-bracket {
display: inline;
}
.search-result-widget-content .note-path {
opacity: 0.75;
font-weight: normal;
}
/*
* SQL CONSOLE
*/
/* Table buttons */
.sql-table-schemas-widget .sql-table-schemas button {
--color: var(--main-text-color);
--background: var(--card-background-color);
display: inline-block;
box-shadow: 2px 2px 2px var(--card-shadow-color);
margin-top: 4px;
vertical-align: baseline;
border: unset;
border-radius: 12px;
padding: 2px 12px;
background: var(--background) !important;
color: var(--color) !important;
line-height: unset;
cursor: help;
}
.sql-table-schemas-widget .sql-table-schemas button:hover,
.sql-table-schemas-widget .sql-table-schemas button:active,
.sql-table-schemas-widget .sql-table-schemas button:focus-visible {
--background: var(--card-background-press-color);
--color: var(--main-text-color);
}
/* Tooltip */
.tooltip .table-schema {
font-family: var(--monospace-font-family);
font-size: .85em;
}
/* Data type */
.tooltip .table-schema td:nth-child(2) {
color: var(--muted-text-color);
}
/*
* OPTIONS PAGES
*/
:root {
--options-card-min-width: 500px;
--options-card-max-width: 900px;
--options-card-padding: 17px;

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

@ -90,40 +90,6 @@ body.background-effects.platform-win32.layout-vertical #vertical-main-container
border-right: 2px solid var(--left-pane-collapsed-border-color);
}
/*
* Log in page
*/
.login-page {
display: flex; /* Note: the login page contents is hidden before this property is applied */
height: 100%;
flex-direction: column;
justify-content: center;
}
.login-page > div {
padding-top: 0 !important;
padding-bottom: 20vh;
}
.login-page h1 {
margin-bottom: .5em;
font-weight: 300;
color: var(--muted-text-color);
}
.login-page .form-group {
margin-top: 8px;
}
.login-page .alert {
margin: 0;
border: unset;
padding: 8px 0 0 0;
font-size: .85em;
color: var(--dropdown-item-icon-destructive-color) !important;
}
/*
* Global menu
*/
@ -1595,67 +1561,6 @@ div.bookmark-folder-widget .note-link .bx {
transform: translateY(4%);
}
/*
* Search
*/
/* Button bar */
.search-definition-widget .search-setting-table tbody:last-child div {
justify-content: flex-end !important;
gap: 8px;
}
.search-result-widget-content .note-path .path-bracket {
display: inline;
}
.search-result-widget-content .note-path {
opacity: 0.75;
font-weight: normal;
}
/*
* SQL Console
*/
/* Table buttons */
.sql-table-schemas-widget .sql-table-schemas button {
--color: var(--main-text-color);
--background: var(--card-background-color);
display: inline-block;
box-shadow: 2px 2px 2px var(--card-shadow-color);
margin-top: 4px;
vertical-align: baseline;
border: unset;
border-radius: 12px;
padding: 2px 12px;
background: var(--background) !important;
color: var(--color) !important;
line-height: unset;
cursor: help;
}
.sql-table-schemas-widget .sql-table-schemas button:hover,
.sql-table-schemas-widget .sql-table-schemas button:active,
.sql-table-schemas-widget .sql-table-schemas button:focus-visible {
--background: var(--card-background-press-color);
--color: var(--main-text-color);
}
/* Tooltip */
.tooltip .table-schema {
font-family: var(--monospace-font-family);
font-size: .85em;
}
/* Data type */
.tooltip .table-schema td:nth-child(2) {
color: var(--muted-text-color);
}
/* Note area */
.title-row > *:first-child {
@ -1687,12 +1592,6 @@ div.bookmark-folder-widget .note-link .bx {
margin: 1px 0;
}
/* Delete notes preview dialog */
.delete-notes-list .note-path {
padding-left: 8px;
}
/* The "Change note icon" button */
.note-icon-widget .note-icon {