create separate startup css to load before the theme is chosen

This commit is contained in:
Art Lowel
2021-05-27 11:20:39 +02:00
parent f85a5e65ad
commit 772ac12329
5 changed files with 10 additions and 6 deletions

View File

@@ -47,6 +47,7 @@
"src/robots.txt"
],
"styles": [
"src/styles/startup.scss",
{
"input": "src/styles/base-theme.scss",
"inject": false,

View File

@@ -24,7 +24,7 @@
</div>
</div>
<ng-template #authLoader>
<div class="text-center ds-full-screen-loader d-flex align-items-center flex-column justify-content-center">
<div class="ds-full-screen-loader">
<ds-loading [showMessage]="false"></ds-loading>
</div>
</ng-template>

View File

@@ -7,7 +7,6 @@
<title>DSpace</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico" />
<link class="theme-css" rel="stylesheet" href="/dspace-theme.css">
</head>
<body>

View File

@@ -40,10 +40,6 @@ ds-admin-sidebar {
z-index: var(--ds-sidebar-z-index);
}
.ds-full-screen-loader {
height: 100vh;
}
.sticky-top {
z-index: 0;
}

8
src/styles/startup.scss Normal file
View File

@@ -0,0 +1,8 @@
.ds-full-screen-loader {
height: 100vh;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}