sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make loading message account for dark mode & add i18n (#2033)

Browse Source 
* make loading message account for dark mode & add i18n

* use app color scheme
This commit is contained in:
David Luzar 2020-08-14 13:27:41 +02:00 committed by GitHub
parent 3f2b0fdd0a
commit 930813387b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/app.css
View File

@ -21,8 +21,9 @@
}
.LoadingMessage span {
background-color: rgba(255, 255, 255, 0.8);
background-color: var(--button-gray-1);
border-radius: 5px;
padding: 0.8em 1.2em;
color: var(--popup-text-color);
font-size: 1.3em;
}

3
src/components/LoadingMessage.tsx
View File

@ -1,10 +1,11 @@
import React from "react";
import { t } from "../i18n";
export const LoadingMessage = () => {
// !! KEEP THIS IN SYNC WITH index.html !!
return (
<div className="LoadingMessage">
<span>{"Loading scene..."}</span>
<span>{t("labels.loadingScene")}</span>
</div>
);
};

3
src/locales/en.json
View File

@ -68,7 +68,8 @@
"toggleGridMode": "Toggle grid mode",
"addToLibrary": "Add to library",
"removeFromLibrary": "Remove from library",
"libraryLoadingMessage": "Loading library..."
"libraryLoadingMessage": "Loading library...",
"loadingScene": "Loading scene..."
},
"buttons": {
"clearReset": "Reset the canvas",