hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-13 21:13:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

create separate startup css to load before the theme is chosen

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
angular.json
View File

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

2
src/app/root/root.component.html
View File

@@ -24,7 +24,7 @@
</div> </div>
</div> </div>
<ng-template #authLoader> <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> <ds-loading [showMessage]="false"></ds-loading>
</div> </div>
</ng-template> </ng-template>

1
src/index.html
View File

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

4
src/styles/_global-styles.scss
View File

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