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/login: prevent the page content being rendered before the stylesheet is loaded

Browse Source
This commit is contained in:
Adorian Doran 2025-03-08 20:53:54 +02:00
parent 7434fb372e
commit eb9d7dd172
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,7 +91,7 @@ body.background-effects.platform-win32.layout-vertical #vertical-main-container
*/ */
.login-page { .login-page {
display: flex; display: flex; /* Note: the login page contents is hidden before this property is applied */
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;

6
src/views/login.ejs
View File

@ -6,6 +6,12 @@
<title><%= t("login.title") %></title> <title><%= t("login.title") %></title>
<link rel="apple-touch-icon" sizes="180x180" href="<%= assetPath %>/images/app-icons/ios/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="<%= assetPath %>/images/app-icons/ios/apple-touch-icon.png">
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<style>
.login-page {
/* Prevent the content from being rendered before the main stylesheet loads */
display: none;
}
</style>
<% // TriliumNextTODO: move the css file to ${assetPath}/stylesheets/ %> <% // TriliumNextTODO: move the css file to ${assetPath}/stylesheets/ %>
<link rel="stylesheet" href="<%= appPath %>/login.css"> <link rel="stylesheet" href="<%= appPath %>/login.css">
<link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css"> <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css">