mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 14:03:30 +00:00
navbar-dropdowns: Use specific classes for everything.
Replaced element selectors with specific selectors, those that remain are intentionally left. This is to avoid inner-most selectors as element selectors. The reason being is that browsers evaluate selectors from right to left, meaning that every time a selector ends in an element, the browser has to work that much harder whenever and wherever on a page it encounters the element.
This commit is contained in:
Aman Agrawal
Tim Abbott
@@ -1147,7 +1147,7 @@ ul {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.text-item,
|
.text-item,
|
||||||
.link-item a {
|
.link-item .navbar-dropdown-menu-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row nowrap;
|
flex-flow: row nowrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -1156,7 +1156,7 @@ ul {
|
|||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
|
|
||||||
& i {
|
.navbar-dropdown-icon {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@@ -1177,11 +1177,11 @@ ul {
|
|||||||
background: var(--color-background-hover-dropdown-menu);
|
background: var(--color-background-hover-dropdown-menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
& i {
|
.navbar-dropdown-icon {
|
||||||
color: var(--color-icon-purple);
|
color: var(--color-icon-purple);
|
||||||
}
|
}
|
||||||
|
|
||||||
& a {
|
.navbar-dropdown-menu-link {
|
||||||
color: var(--color-text-dropdown-menu) !important;
|
color: var(--color-text-dropdown-menu) !important;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1249,7 +1249,7 @@ ul {
|
|||||||
background: var(--color-background-hover-dropdown-menu);
|
background: var(--color-background-hover-dropdown-menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
& a {
|
.navbar-dropdown-menu-link {
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -1278,7 +1278,7 @@ ul {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.org-name,
|
.org-name,
|
||||||
.org-plan a {
|
.org-plan .navbar-dropdown-menu-link {
|
||||||
color: var(--color-text-dropdown-menu);
|
color: var(--color-text-dropdown-menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1314,18 +1314,18 @@ ul.navbar-dropdown-menu-outer-list {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
& > li {
|
li.navbar-dropdown-menu-outer-list-item {
|
||||||
border-bottom: solid 1px var(--color-border-popover-menu);
|
border-bottom: solid 1px var(--color-border-popover-menu);
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
|
||||||
& > ul {
|
ul.navbar-dropdown-menu-inner-list {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& > ul {
|
ul.navbar-dropdown-menu-inner-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
@@ -1,186 +1,186 @@
|
|||||||
<div class="navbar-dropdown-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar>
|
<div class="navbar-dropdown-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar>
|
||||||
<ul class="navbar-dropdown-menu-outer-list">
|
<ul class="navbar-dropdown-menu-outer-list">
|
||||||
<li class="org-info">
|
<li class="org-info navbar-dropdown-menu-outer-list-item">
|
||||||
<ul>
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="org-name">{{realm_name}}</li>
|
<li class="org-name navbar-dropdown-menu-inner-list-item">{{realm_name}}</li>
|
||||||
<li class="org-url">{{realm_url}}</li>
|
<li class="org-url navbar-dropdown-menu-inner-list-item">{{realm_url}}</li>
|
||||||
{{#if is_self_hosted }}
|
{{#if is_self_hosted }}
|
||||||
<li class="org-version">
|
<li class="org-version navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="#about-zulip" class="navigate-link-on-enter">{{version_display_string}}</a>
|
<a href="#about-zulip" class="navigate-link-on-enter navbar-dropdown-menu-link">{{version_display_string}}</a>
|
||||||
</li>
|
</li>
|
||||||
{{#if server_needs_upgrade }}
|
{{#if server_needs_upgrade }}
|
||||||
<li class="org-upgrade">
|
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="https://zulip.readthedocs.io/en/stable/production/upgrade.html" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">{{t 'Upgrade to the latest release' }}</a>
|
<a href="https://zulip.readthedocs.io/en/stable/production/upgrade.html" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t 'Upgrade to the latest release' }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<li class="org-plan hidden-for-spectators">
|
<li class="org-plan navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||||
{{#if is_plan_limited }}
|
{{#if is_plan_limited }}
|
||||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">Zulip Cloud Free</a>
|
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Free</a>
|
||||||
{{else if is_plan_standard}}
|
{{else if is_plan_standard}}
|
||||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">Zulip Cloud Standard</a>
|
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Standard</a>
|
||||||
{{else if is_plan_standard_sponsored_for_free}}
|
{{else if is_plan_standard_sponsored_for_free}}
|
||||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">Zulip Cloud Standard (sponsored)</a>
|
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Standard (sponsored)</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if (and is_plan_limited is_owner) }}
|
{{#if (and is_plan_limited is_owner) }}
|
||||||
<li class="org-upgrade">
|
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">{{t "Upgrade to {standard_plan_name}" }}</a>
|
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t "Upgrade to {standard_plan_name}" }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if is_plan_limited }}
|
{{#if is_plan_limited }}
|
||||||
{{#if is_education_org }}
|
{{#if is_education_org }}
|
||||||
<li class="org-upgrade">
|
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">{{t 'Request education pricing' }}</a>
|
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t 'Request education pricing' }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{else if (not is_business_org) }}
|
{{else if (not is_business_org) }}
|
||||||
<li class="org-upgrade">
|
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">{{t 'Request sponsorship' }}</a>
|
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t 'Request sponsorship' }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul>
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||||
<a href="#streams/subscribed" class="navigate-link-on-enter">
|
<a href="#streams/subscribed" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-hash" aria-hidden="true"></i> {{t 'Manage streams' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-hash" aria-hidden="true"></i> {{t 'Manage streams' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||||
<a href="#settings" class="navigate-link-on-enter">
|
<a href="#settings" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-tool" aria-hidden="true"></i> {{t 'Personal settings' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-tool" aria-hidden="true"></i> {{t 'Personal settings' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item admin-menu-item hidden-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item admin-menu-item hidden-for-spectators">
|
||||||
<a href="#organization" class="navigate-link-on-enter">
|
<a href="#organization" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-building" aria-hidden="true"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-building" aria-hidden="true"></i>
|
||||||
<span>{{t 'Organization settings' }}</span>
|
<span>{{t 'Organization settings' }}</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{#unless is_guest}}
|
{{#unless is_guest}}
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||||
<a href="/stats" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/stats" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-bar-chart" aria-hidden="true"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-bar-chart" aria-hidden="true"></i>
|
||||||
<span>{{t 'Usage statistics' }}</span>
|
<span>{{t 'Usage statistics' }}</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/unless}}
|
{{/unless}}
|
||||||
<li class="link-item only-visible-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item only-visible-for-spectators">
|
||||||
<a tabindex="0" class="change-language-spectator">
|
<a tabindex="0" class="change-language-spectator navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item gear-menu-select-dark-theme only-visible-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item gear-menu-select-dark-theme only-visible-for-spectators">
|
||||||
<a tabindex="0" class="navigate-link-on-enter">
|
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item gear-menu-select-light-theme only-visible-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item gear-menu-select-light-theme only-visible-for-spectators">
|
||||||
<a tabindex="0" class="navigate-link-on-enter">
|
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul>
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/help/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/help/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-help" aria-hidden="true"></i> {{t 'Help center' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-help" aria-hidden="true"></i> {{t 'Help center' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a tabindex="0" class="navigate-link-on-enter" data-overlay-trigger="keyboard-shortcuts">
|
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="keyboard-shortcuts">
|
||||||
<i class="zulip-icon zulip-icon-keyboard" aria-hidden="true"></i> {{t 'Keyboard shortcuts' }} <span class="hotkey-hint">(?)</span>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-keyboard" aria-hidden="true"></i> {{t 'Keyboard shortcuts' }} <span class="hotkey-hint">(?)</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||||
<a tabindex="0" class="navigate-link-on-enter" data-overlay-trigger="message-formatting">
|
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="message-formatting">
|
||||||
<i class="zulip-icon zulip-icon-edit" aria-hidden="true"></i> {{t 'Message formatting' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-edit" aria-hidden="true"></i> {{t 'Message formatting' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a tabindex="0" class="navigate-link-on-enter" data-overlay-trigger="search-operators">
|
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="search-operators">
|
||||||
<i class="zulip-icon zulip-icon-manage-search" aria-hidden="true"></i> {{t 'Search filters' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-manage-search" aria-hidden="true"></i> {{t 'Search filters' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item" id="gear_menu_about_zulip">
|
<li class="link-item navbar-dropdown-menu-inner-list-item" id="gear_menu_about_zulip">
|
||||||
<a href="#about-zulip" class="navigate-link-on-enter">
|
<a href="#about-zulip" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-info"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-info"></i>
|
||||||
{{t "About Zulip" }}
|
{{t "About Zulip" }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{#if corporate_enabled}}
|
{{#if corporate_enabled}}
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/help/contact-support" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/help/contact-support" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-life-buoy" aria-hidden="true"></i> {{t 'Contact support' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-life-buoy" aria-hidden="true"></i> {{t 'Contact support' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="hidden-for-spectators">
|
<li class="hidden-for-spectators navbar-dropdown-menu-outer-list-item">
|
||||||
<ul>
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="{{ apps_page_url }}" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="{{ apps_page_url }}" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-monitor" aria-hidden="true"></i> {{t 'Desktop & mobile apps' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-monitor" aria-hidden="true"></i> {{t 'Desktop & mobile apps' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/integrations/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/integrations/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-git-pull-request" aria-hidden="true"></i> {{t 'Integrations' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-git-pull-request" aria-hidden="true"></i> {{t 'Integrations' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/api" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/api" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-file-text" aria-hidden="true"></i> {{t 'API documentation' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-file-text" aria-hidden="true"></i> {{t 'API documentation' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{#if show_billing}}
|
{{#if show_billing}}
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/billing/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/billing/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-credit-card" aria-hidden="true"></i> {{t 'Billing' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-credit-card" aria-hidden="true"></i> {{t 'Billing' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if promote_sponsoring_zulip}}
|
{{#if promote_sponsoring_zulip}}
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="https://zulip.com/help/support-zulip-project" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="https://zulip.com/help/support-zulip-project" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-heart" aria-hidden="true"></i> {{t 'Support Zulip' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-heart" aria-hidden="true"></i> {{t 'Support Zulip' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if show_plans}}
|
{{#if show_plans}}
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter">
|
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="fa fa-rocket" aria-hidden="true"></i> {{t 'Plans and pricing' }}
|
<i class="navbar-dropdown-icon fa fa-rocket" aria-hidden="true"></i> {{t 'Plans and pricing' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul>
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
{{#if (or can_invite_users_by_email can_create_multiuse_invite)}}
|
{{#if (or can_invite_users_by_email can_create_multiuse_invite)}}
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a tabindex="0" class="invite-user-link">
|
<a tabindex="0" class="invite-user-link navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if show_webathena}}
|
{{#if show_webathena}}
|
||||||
<li class="link-item" title="{{t 'Grant Zulip the Kerberos tickets needed to run your Zephyr mirror via Webathena' }}" id="webathena_login_menu">
|
<li class="link-item navbar-dropdown-menu-inner-list-item" title="{{t 'Grant Zulip the Kerberos tickets needed to run your Zephyr mirror via Webathena' }}" id="webathena_login_menu">
|
||||||
<a href="#webathena" class="webathena_login">
|
<a href="#webathena" class="webathena_login navbar-dropdown-menu-link">
|
||||||
<i class="fa fa-bolt" aria-hidden="true"></i>{{t 'Link with Webathena' }}
|
<i class="navbar-dropdown-icon fa fa-bolt" aria-hidden="true"></i>{{t 'Link with Webathena' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<li class="link-item only-visible-for-spectators">
|
<li class="link-item navbar-dropdown-menu-inner-list-item only-visible-for-spectators">
|
||||||
<a href="{{login_link}}" class="navigate-link-on-enter">
|
<a href="{{login_link}}" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-power" aria-hidden="true"></i> {{t 'Log in' }}
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-power" aria-hidden="true"></i> {{t 'Log in' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -16,18 +16,18 @@
|
|||||||
</header>
|
</header>
|
||||||
<section class="dropdown-menu-list-section personal-menu-actions" data-user-id="{{user_id}}">
|
<section class="dropdown-menu-list-section personal-menu-actions" data-user-id="{{user_id}}">
|
||||||
<ul class="navbar-dropdown-menu-outer-list">
|
<ul class="navbar-dropdown-menu-outer-list">
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul class="navbar-dropdown-menu-inner-list">
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="text-item hidden-for-spectators">
|
<li class="text-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||||
<i class="zulip-icon zulip-icon-clock"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-clock"></i>
|
||||||
{{#tr}}{user_time} local time{{/tr}}
|
{{#tr}}{user_time} local time{{/tr}}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul class="navbar-dropdown-menu-inner-list">
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
{{#if status_content_available}}
|
{{#if status_content_available}}
|
||||||
<li class="text-item">
|
<li class="text-item navbar-dropdown-menu-inner-list-item">
|
||||||
<span>
|
<span>
|
||||||
{{#if status_emoji_info}}
|
{{#if status_emoji_info}}
|
||||||
{{#if status_emoji_info.emoji_alt_code}}
|
{{#if status_emoji_info.emoji_alt_code}}
|
||||||
@@ -42,79 +42,79 @@
|
|||||||
{{status_text}}
|
{{status_text}}
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<a href="" class="clear_status" aria-label="{{t 'Clear status'}}" data-tippy-content="{{t 'Clear your status' }}">
|
<a href="" class="clear_status navbar-dropdown-menu-link" aria-label="{{t 'Clear status'}}" data-tippy-content="{{t 'Clear your status' }}">
|
||||||
<i class="zulip-icon zulip-icon-x-circle"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-x-circle"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="update_status_text">
|
<a href="" class="update_status_text navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-smile"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile"></i>
|
||||||
{{#tr}}Edit status{{/tr}}
|
{{#tr}}Edit status{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{else}}
|
{{else}}
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="update_status_text">
|
<a href="" class="update_status_text navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-smile"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile"></i>
|
||||||
{{#tr}}Set status{{/tr}}
|
{{#tr}}Set status{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if invisible_mode}}
|
{{#if invisible_mode}}
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="invisible_mode_turn_off">
|
<a href="" class="invisible_mode_turn_off navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-play-circle"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-play-circle"></i>
|
||||||
{{#tr}}Turn off invisible mode{{/tr}}
|
{{#tr}}Turn off invisible mode{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{else}}
|
{{else}}
|
||||||
<li class="link-item hidden-for-spectators">
|
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="invisible_mode_turn_on">
|
<a href="" class="invisible_mode_turn_on navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-stop-circle"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-stop-circle"></i>
|
||||||
{{#tr}}Go invisible{{/tr}}
|
{{#tr}}Go invisible{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul class="navbar-dropdown-menu-inner-list">
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a tabindex="0" class="view_full_user_profile">
|
<a tabindex="0" class="view_full_user_profile navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-account"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-account"></i>
|
||||||
{{#tr}}View your profile{{/tr}}
|
{{#tr}}View your profile{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="narrow-self-direct-message">
|
<a href="" class="narrow-self-direct-message navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-users"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-users"></i>
|
||||||
{{#tr}}View messages with yourself{{/tr}}
|
{{#tr}}View messages with yourself{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="" class="narrow-messages-sent">
|
<a href="" class="narrow-messages-sent navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-message-square"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-message-square"></i>
|
||||||
{{#tr}}View messages sent{{/tr}}
|
{{#tr}}View messages sent{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul class="navbar-dropdown-menu-inner-list">
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a href="#settings/profile" class="open-profile-settings">
|
<a href="#settings/profile" class="open-profile-settings navbar-dropdown-menu-link">
|
||||||
<i class="zulip-icon zulip-icon-tool"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-tool"></i>
|
||||||
{{#tr}}Settings{{/tr}}
|
{{#tr}}Settings{{/tr}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="navbar-dropdown-menu-outer-list-item">
|
||||||
<ul class="navbar-dropdown-menu-inner-list">
|
<ul class="navbar-dropdown-menu-inner-list">
|
||||||
<li class="link-item">
|
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||||
<a class="logout_button hidden-for-spectators" tabindex="0">
|
<a class="logout_button hidden-for-spectators navbar-dropdown-menu-link" tabindex="0">
|
||||||
<i class="zulip-icon zulip-icon-power" aria-hidden="true"></i>
|
<i class="navbar-dropdown-icon zulip-icon zulip-icon-power" aria-hidden="true"></i>
|
||||||
{{t 'Log out' }}
|
{{t 'Log out' }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
Reference in New Issue
Block a user