From 431ffa7820eada77797f0132da3dadd0399d5997 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 20 Mar 2025 09:32:22 +0200 Subject: [PATCH] style(next): reorganize CSS --- src/public/stylesheets/theme-next/base.css | 2 +- src/public/stylesheets/theme-next/dialogs.css | 8 +- .../theme-next/{settings.css => pages.css} | 100 ++++++++++++++++- src/public/stylesheets/theme-next/shell.css | 101 ------------------ 4 files changed, 106 insertions(+), 105 deletions(-) rename src/public/stylesheets/theme-next/{settings.css => pages.css} (66%) diff --git a/src/public/stylesheets/theme-next/base.css b/src/public/stylesheets/theme-next/base.css index dedec4cc8..fb8630e11 100644 --- a/src/public/stylesheets/theme-next/base.css +++ b/src/public/stylesheets/theme-next/base.css @@ -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); diff --git a/src/public/stylesheets/theme-next/dialogs.css b/src/public/stylesheets/theme-next/dialogs.css index 730ffbd2d..dd8f083fc 100644 --- a/src/public/stylesheets/theme-next/dialogs.css +++ b/src/public/stylesheets/theme-next/dialogs.css @@ -370,4 +370,10 @@ background: var(--help-code-background); padding: 0 8px; color: var(--help-code-color); -} \ No newline at end of file +} + +/* DELETE NOTE PREVIEW */ + +.delete-notes-list .note-path { + padding-left: 8px; +} diff --git a/src/public/stylesheets/theme-next/settings.css b/src/public/stylesheets/theme-next/pages.css similarity index 66% rename from src/public/stylesheets/theme-next/settings.css rename to src/public/stylesheets/theme-next/pages.css index 41b50cc39..1afc729df 100644 --- a/src/public/stylesheets/theme-next/settings.css +++ b/src/public/stylesheets/theme-next/pages.css @@ -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; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 3493d52c2..68dfc0f67 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -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 {