paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-25 00:53:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

navbar: Remove realm navbar icon logo.

Browse Source
This commit is contained in:
Karl Stolley
2025-02-26 16:09:30 -06:00
committed by Tim Abbott
parent 8cd87eb05e
commit c1e86a9144
4 changed files with 1 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/realm_icon.ts
View File

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

2
web/styles/app_variables.css
View File

@@ -260,8 +260,6 @@
that rely on this value, but not necessarily as that rely on this value, but not necessarily as
applied to `width:` or `max-width:`. */ applied to `width:` or `max-width:`. */
--left-sidebar-width: min(33.3333%, var(--left-sidebar-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 */ /* 50px per icon * 4 icons + 3px space (legacy) = 203px at 20px/1em */
--right-column-collapsed-sidebar-width: 10.15em; --right-column-collapsed-sidebar-width: 10.15em;
/* 288px at 14px/1em */ /* 288px at 14px/1em */

30
web/styles/zulip.css
View File

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

1
web/templates/navbar.hbs
View File

@@ -8,7 +8,6 @@
</a> </a>
<a href="" class="brand no-style"> <a href="" class="brand no-style">
<img id="realm-navbar-wide-logo" src="" alt="" class="nav-logo no-drag"/> <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> </a>
</div> </div>
<div class="column-middle" id="navbar-middle"> <div class="column-middle" id="navbar-middle">