mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-10-16 03:01:32 +08:00
style(next): reorganize CSS
This commit is contained in:
Adorian Doran
parent
ea467c392d
commit
431ffa7820
@ -1,8 +1,8 @@
|
|||||||
@import url(./forms.css);
|
@import url(./forms.css);
|
||||||
@import url(./shell.css);
|
@import url(./shell.css);
|
||||||
@import url(./dialogs.css);
|
@import url(./dialogs.css);
|
||||||
|
@import url(./pages.css);
|
||||||
@import url(./ribbon.css);
|
@import url(./ribbon.css);
|
||||||
@import url(./settings.css);
|
|
||||||
@import url(./notes/empty.css);
|
@import url(./notes/empty.css);
|
||||||
@import url(./notes/text.css);
|
@import url(./notes/text.css);
|
||||||
|
|
||||||
|
|||||||
@ -370,4 +370,10 @@
|
|||||||
background: var(--help-code-background);
|
background: var(--help-code-background);
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
color: var(--help-code-color);
|
color: var(--help-code-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* DELETE NOTE PREVIEW */
|
||||||
|
|
||||||
|
.delete-notes-list .note-path {
|
||||||
|
padding-left: 8px;
|
||||||
|
}
|
||||||
|
|||||||
@ -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-min-width: 500px;
|
||||||
--options-card-max-width: 900px;
|
--options-card-max-width: 900px;
|
||||||
--options-card-padding: 17px;
|
--options-card-padding: 17px;
|
||||||
@ -90,40 +90,6 @@ body.background-effects.platform-win32.layout-vertical #vertical-main-container
|
|||||||
border-right: 2px solid var(--left-pane-collapsed-border-color);
|
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
|
* Global menu
|
||||||
*/
|
*/
|
||||||
@ -1595,67 +1561,6 @@ div.bookmark-folder-widget .note-link .bx {
|
|||||||
transform: translateY(4%);
|
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 */
|
/* Note area */
|
||||||
|
|
||||||
.title-row > *:first-child {
|
.title-row > *:first-child {
|
||||||
@ -1687,12 +1592,6 @@ div.bookmark-folder-widget .note-link .bx {
|
|||||||
margin: 1px 0;
|
margin: 1px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Delete notes preview dialog */
|
|
||||||
|
|
||||||
.delete-notes-list .note-path {
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* The "Change note icon" button */
|
/* The "Change note icon" button */
|
||||||
|
|
||||||
.note-icon-widget .note-icon {
|
.note-icon-widget .note-icon {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user