github.com
/
excalidraw
mirror of https://github.com/excalidraw/excalidraw.git
1
0
Fork 0
Code Releases Wiki Activity

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

* 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 { .LoadingMessage span {
background-color: rgba(255, 255, 255, 0.8); background-color: var(--button-gray-1);
border-radius: 5px; border-radius: 5px;
padding: 0.8em 1.2em; padding: 0.8em 1.2em;
color: var(--popup-text-color);
font-size: 1.3em; font-size: 1.3em;
} }

3
src/components/LoadingMessage.tsx
View File

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

3
src/locales/en.json
View File

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