pengjunjie/onlyoffice.github.io
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/onlyoffice.github.io.git synced 2026-02-10 18:05:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added loader image for dark theme

Browse Source
This commit is contained in:
AlexeyMatveev686
2022-01-14 16:44:12 +03:00
parent 342e8f66ec
commit 056f381d83
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
sdkjs-plugins/v1/plugins-ui.js
View File

@ -28,7 +28,7 @@ var Ps = null;
showLoader = function (parent, text) {
var loader = document.createElement('div');
loader.className = 'asc-plugin-loader';
loader.innerHTML = '<div class="asc-loader-image"></div><div class="asc-loader-title">' + (text || 'Loading') + '</div>';
loader.innerHTML = '<div class="asc-loader-image ' + (window.Asc.plugin.theme.type === "dark") ? "asc-loader-image-light" : "asc-loader-image-dark" +' "></div><div class="asc-loader-title">' + (text || 'Loading') + '</div>';
parent.append ? parent.append(loader) : parent.appendChild(loader);
return loader;
};

7
sdkjs-plugins/v1/plugins.css
View File

@ -565,7 +565,6 @@ a.aboutlink:active {
transform: translate(-50%, 0);
}
.asc-plugin-loader .asc-loader-image {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iNy4yNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTYwJSwgNDAlIiAvPjwvc3ZnPg==);
height: 20px;
width: 20px;
float: left;
@ -577,6 +576,12 @@ a.aboutlink:active {
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.asc-loader-image-light {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iMTAuMjUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCUsIDQwJSIgLz48L3N2Zz4=);
}
.asc-loader-image-dark {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iNy4yNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTYwJSwgNDAlIiAvPjwvc3ZnPg==);
}
.asc-plugin-loader .asc-loader-title {
font-size: 13px;