navbar: Remove realm navbar icon logo.

web/src/realm_icon.ts

@@ -36,10 +36,7 @@ export function build_realm_icon_widget(upload_function: UploadFunction): void {
 }
 
 export function rerender(): void {
-    $("#realm-icon-upload-widget .image-block, #realm-navbar-icon-logo").attr(
-        "src",
-        realm.realm_icon_url,
-    );
+    $("#realm-icon-upload-widget .image-block").attr("src", realm.realm_icon_url);
     if (realm.realm_icon_source === "U") {
         $("#realm-icon-upload-widget .image-delete-button").show();
     } else {

web/styles/app_variables.css

@@ -260,8 +260,6 @@
        that rely on this value, but not necessarily as
        applied to `width:` or `max-width:`. */
     --left-sidebar-width: min(33.3333%, var(--left-sidebar-max-width));
-    /* 40px (toggle icon) + 5px (gap) + 20px logo + 10px right margin */
-    --left-sidebar-width-with-realm-icon-logo: 75px;
     /* 50px per icon * 4 icons + 3px space (legacy) = 203px at 20px/1em */
     --right-column-collapsed-sidebar-width: 10.15em;
     /* 288px at 14px/1em */

web/styles/zulip.css

@@ -1585,12 +1585,6 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     }
 }
 
-#realm-navbar-icon-logo {
-    display: none;
-    width: 20px;
-    height: 20px;
-}
-
 .hide-right-sidebar {
     .app-main {
         @extend %hide-right-sidebar;
@@ -1672,21 +1666,9 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     }
 
     @container header-container (width < $cq_xl_min) {
-        #realm-navbar-icon-logo {
-            display: inline-block;
-        }
-
-        #realm-navbar-wide-logo {
-            display: none;
-        }
-
         #top_navbar .column-left {
             width: auto;
         }
-
-        #navbar-middle {
-            margin-left: var(--left-sidebar-width-with-realm-icon-logo);
-        }
     }
 
     @container app (width < $cq_xl_min) {
@@ -1807,21 +1789,9 @@ body:not(.hide-left-sidebar) {
                 margin-left: 7px;
             }
 
-            #realm-navbar-icon-logo {
-                display: inline-block;
-            }
-
-            #realm-navbar-wide-logo {
-                display: none;
-            }
-
             #top_navbar .column-left {
                 width: auto;
             }
-
-            #navbar-middle {
-                margin-left: var(--left-sidebar-width-with-realm-icon-logo);
-            }
         }
     }
 }

web/templates/navbar.hbs

@@ -8,7 +8,6 @@
             </a>
             <a href="" class="brand no-style">
                 <img id="realm-navbar-wide-logo" src="" alt="" class="nav-logo no-drag"/>
-                <img id="realm-navbar-icon-logo" alt="" src="{{ realm_icon_url }}" class="nav-logo no-drag"/>
             </a>
         </div>
         <div class="column-middle" id="navbar-middle">