MOBILE-3401 login: Fix site logo show on fixed sites

Author: crazyserver

src/core/login/login.scss

@@ -93,11 +93,8 @@ ion-app.app-root page-core-login-site {
     }
 
     .core-login-site-logo {
-        margin-top: 5px;
-        margin-bottom: 5px;
-        img {
-            width: 90%;
-            max-width: 300px;
-        }
+        width: 90%;
+        max-width: 300px;
+        margin: 5px auto;
     }
 }

src/core/login/pages/credentials/credentials.html

@@ -14,7 +14,7 @@
         <div text-wrap text-center margin-bottom>
             <div class="core-login-site-logo">
                 <!-- Show site logo or a default image. -->
-                <img *ngIf="logoUrl" [src]="logoUrl" role="presentation">
+                <img *ngIf="logoUrl" [src]="logoUrl" role="presentation" onError="this.src='assets/img/login_logo.png'">
                 <img *ngIf="!logoUrl" src="assets/img/login_logo.png" role="presentation">
             </div>
 

src/core/login/pages/reconnect/reconnect.html

@@ -14,7 +14,7 @@
 
         <div class="core-login-site-logo" *ngIf="!showSiteAvatar">
             <!-- Show site logo or a default image. -->
-            <img *ngIf="logoUrl" [src]="logoUrl" core-external-content [siteId]="siteId" role="presentation">
+            <img *ngIf="logoUrl" [src]="logoUrl" role="presentation" onError="this.src='assets/img/login_logo.png'">
             <img *ngIf="!logoUrl" src="assets/img/login_logo.png" role="presentation">
         </div>
 

src/core/login/pages/reconnect/reconnect.ts

@@ -105,8 +105,8 @@ export class CoreLoginReconnectPage {
                     // Check logoURL if user avatar is not set.
                     if (this.site.avatar.startsWith(site.infos.siteurl + '/theme/image.php')) {
                         this.showSiteAvatar = false;
-                        this.logoUrl = this.loginHelper.getLogoUrl(config);
                     }
+                    this.logoUrl = this.loginHelper.getLogoUrl(config);
 
                     this.getDataFromConfig(this.siteConfig);
                 }).catch(() => {

src/core/login/pages/site/site.scss

@@ -54,7 +54,8 @@ ion-app.app-root page-core-login-site {
         &.hidden {
             opacity: 0;
             visibility: hidden;
-            margin: 0;
+            margin-top: 0;
+            margin-bottom: 0;
             padding: 0;
             max-height: 0;
         }