Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

header: Avoid using `.dropdown` for class name. 

This is avoid conflict with styles defined for `.dropdown` in
bootstrap.
This commit is contained in:
Aman Agrawal 2024-01-12 13:17:54 +00:00 committed by Tim Abbott
parent 9d1e977e2a
commit c9a4660911
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/zerver/portico-header-dropdown.html
View File

@ -1,5 +1,5 @@
<div class="dropdown"> <div class="portico-header-dropdown">
<div class="dropdown-pill"> <div class="portico-header-dropdown-pill">
<img class="header-realm-icon" src="{{ realm_icon }}" alt="{{ _('Go to Zulip') }}"/> <img class="header-realm-icon" src="{{ realm_icon }}" alt="{{ _('Go to Zulip') }}"/>
<div class="realm-name">{{ realm_name }}<i class="fa fa-chevron-down"></i></div> <div class="realm-name">{{ realm_name }}<i class="fa fa-chevron-down"></i></div>
</div> </div>

4
web/src/portico/header.ts
View File

@ -87,8 +87,8 @@ $(() => {
return false; return false;
}); });
$(".portico-header .dropdown").on("click", (e) => { $(".portico-header .portico-header-dropdown").on("click", (e) => {
const $user_dropdown = $(e.target).closest(".dropdown"); const $user_dropdown = $(e.target).closest(".portico-header-dropdown");
const dropdown_is_shown = $user_dropdown.hasClass("show"); const dropdown_is_shown = $user_dropdown.hasClass("show");
if (!dropdown_is_shown) { if (!dropdown_is_shown) {

4
web/styles/portico/portico.css
View File

@ -427,7 +427,7 @@ input.text-error {
} }
.portico-header { .portico-header {
.dropdown { .portico-header-dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -504,7 +504,7 @@ input.text-error {
} }
} }
.dropdown-pill { .portico-header-dropdown-pill {
border: 1px solid hsl(0deg 0% 0% / 20%); border: 1px solid hsl(0deg 0% 0% / 20%);
border-radius: 4px; border-radius: 4px;
margin-left: 10px; margin-left: 10px;