From e89b8fb0d472319446222bc58aeeb72fb7ed5b91 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Wed, 22 Sep 2021 00:20:29 +0300
Subject: [PATCH] Fix logo for embedded viewer

---
 apps/documenteditor/embed/index.html            | 3 ++-
 apps/documenteditor/embed/index.html.deploy     | 3 ++-
 apps/presentationeditor/embed/index.html        | 3 ++-
 apps/presentationeditor/embed/index.html.deploy | 3 ++-
 apps/spreadsheeteditor/embed/index.html         | 3 ++-
 apps/spreadsheeteditor/embed/index.html.deploy  | 3 ++-
 6 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/documenteditor/embed/index.html b/apps/documenteditor/embed/index.html
index 2efe95f95a..396977aa88 100644
--- a/apps/documenteditor/embed/index.html
+++ b/apps/documenteditor/embed/index.html
@@ -52,7 +52,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -171,6 +170,8 @@
            var elem = document.querySelector('.loading-logo');
            if (elem && logo) {
                elem.style.backgroundImage= 'none';
+               elem.style.width = 'auto';
+               elem.style.height = 'auto';
                var img = document.querySelector('.loading-logo img');
                img && img.setAttribute('src', logo);
                img.style.opacity = 1;
diff --git a/apps/documenteditor/embed/index.html.deploy b/apps/documenteditor/embed/index.html.deploy
index 35e4518a5c..22746b462a 100644
--- a/apps/documenteditor/embed/index.html.deploy
+++ b/apps/documenteditor/embed/index.html.deploy
@@ -50,7 +50,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -163,6 +162,8 @@
             var elem = document.querySelector('.loading-logo');
             if (elem && logo) {
                 elem.style.backgroundImage= 'none';
+                elem.style.width = 'auto';
+                elem.style.height = 'auto';
                 var img = document.querySelector('.loading-logo img');
                 img && img.setAttribute('src', logo);
                 img.style.opacity = 1;
diff --git a/apps/presentationeditor/embed/index.html b/apps/presentationeditor/embed/index.html
index 3636325114..d8d1321cd7 100644
--- a/apps/presentationeditor/embed/index.html
+++ b/apps/presentationeditor/embed/index.html
@@ -52,7 +52,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -222,6 +221,8 @@
           var elem = document.querySelector('.loading-logo');
           if (elem && logo) {
               elem.style.backgroundImage= 'none';
+              elem.style.width = 'auto';
+              elem.style.height = 'auto';
               var img = document.querySelector('.loading-logo img');
               img && img.setAttribute('src', logo);
               img.style.opacity = 1;
diff --git a/apps/presentationeditor/embed/index.html.deploy b/apps/presentationeditor/embed/index.html.deploy
index f28da779f3..5630c82da6 100644
--- a/apps/presentationeditor/embed/index.html.deploy
+++ b/apps/presentationeditor/embed/index.html.deploy
@@ -50,7 +50,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -216,6 +215,8 @@
            var elem = document.querySelector('.loading-logo');
            if (elem && logo) {
                elem.style.backgroundImage= 'none';
+               elem.style.width = 'auto';
+               elem.style.height = 'auto';
                var img = document.querySelector('.loading-logo img');
                img && img.setAttribute('src', logo);
                img.style.opacity = 1;
diff --git a/apps/spreadsheeteditor/embed/index.html b/apps/spreadsheeteditor/embed/index.html
index a2527e8111..6d6903b163 100644
--- a/apps/spreadsheeteditor/embed/index.html
+++ b/apps/spreadsheeteditor/embed/index.html
@@ -52,7 +52,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -197,6 +196,8 @@
           var elem = document.querySelector('.loading-logo');
           if (elem && logo) {
               elem.style.backgroundImage= 'none';
+              elem.style.width = 'auto';
+              elem.style.height = 'auto';
               var img = document.querySelector('.loading-logo img');
               img && img.setAttribute('src', logo);
               img.style.opacity = 1;
diff --git a/apps/spreadsheeteditor/embed/index.html.deploy b/apps/spreadsheeteditor/embed/index.html.deploy
index 758db33b72..41ad961d1f 100644
--- a/apps/spreadsheeteditor/embed/index.html.deploy
+++ b/apps/spreadsheeteditor/embed/index.html.deploy
@@ -49,7 +49,6 @@
             display: inline-block;
             max-width: 124px;
             max-height: 20px;
-            margin-top: 2px;
             opacity: 0;
         }
         .loadmask > .brendpanel .doc-title {
@@ -189,6 +188,8 @@
           var elem = document.querySelector('.loading-logo');
           if (elem && logo) {
               elem.style.backgroundImage= 'none';
+              elem.style.width = 'auto';
+              elem.style.height = 'auto';
               var img = document.querySelector('.loading-logo img');
               img && img.setAttribute('src', logo);
               img.style.opacity = 1;