mirror of https://github.com/zulip/zulip.git
popovers: Rename "navbar-dropdown-menu" theme to "popover-menu" theme.
Also renames the navbar dropdown related CSS terms, to their equivalent popover related terms to accompany the name change of the theme.
This commit is contained in:
Sayam Samal
Tim Abbott
parent
1fe66a238f
commit
6bf9c2bdfc
|
|
@ -94,7 +94,7 @@ function render(instance) {
|
|||
|
||||
export function initialize() {
|
||||
popover_menus.register_popover_menu("#gear-menu", {
|
||||
theme: "navbar-dropdown-menu",
|
||||
theme: "popover-menu",
|
||||
placement: "bottom",
|
||||
offset: [-50, 0],
|
||||
popperOptions: {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import {parse_html} from "./ui_util";
|
|||
|
||||
export function initialize(): void {
|
||||
popover_menus.register_popover_menu("#help-menu", {
|
||||
theme: "navbar-dropdown-menu",
|
||||
theme: "popover-menu",
|
||||
placement: "bottom",
|
||||
offset: [-50, 0],
|
||||
// The strategy: "fixed"; and eventlisteners modifier option
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ import * as user_status from "./user_status";
|
|||
|
||||
export function initialize() {
|
||||
popover_menus.register_popover_menu("#personal-menu", {
|
||||
theme: "navbar-dropdown-menu",
|
||||
theme: "popover-menu",
|
||||
placement: "bottom",
|
||||
offset: [-50, 0],
|
||||
// The strategy: "fixed"; and eventlisteners modifier option
|
||||
|
|
|
|||
|
|
@ -183,12 +183,12 @@
|
|||
--color-search-dropdown-top-border: hsla(0deg 0% 0% / 10%);
|
||||
--color-background-image-loader: hsl(0deg 0% 0% / 10%);
|
||||
--color-icon-purple: hsl(240deg 35% 60%);
|
||||
--color-background-dropdown-menu: hsl(0deg 0% 100%);
|
||||
--color-border-popover-menu: hsl(0deg 0% 0% / 10%);
|
||||
--color-background-popover-menu: hsl(0deg 0% 100%);
|
||||
--color-border-popover-menu-separator: hsl(0deg 0% 0% / 10%);
|
||||
--color-hotkey-hint: hsl(227deg 78% 59%);
|
||||
--color-background-hover-dropdown-menu: hsl(220deg 12% 5% / 5%);
|
||||
--color-background-active-dropdown-menu: hsl(220deg 12% 5% / 7%);
|
||||
--color-border-dropdown-menu: hsl(0deg 0% 0% / 40%);
|
||||
--color-background-hover-popover-menu: hsl(220deg 12% 5% / 5%);
|
||||
--color-background-active-popover-menu: hsl(220deg 12% 5% / 7%);
|
||||
--color-border-popover-menu: hsl(0deg 0% 0% / 40%);
|
||||
--color-border-personal-menu-avatar: hsl(0deg 0% 0% / 10%);
|
||||
--color-background-unread-counter: hsl(105deg 2% 50%);
|
||||
/* There's no alpha channel here, but this keeps
|
||||
|
|
@ -255,7 +255,7 @@
|
|||
--color-text-search: hsl(0deg 0% 35%);
|
||||
--color-text-search-hover: hsl(0deg 0% 0%);
|
||||
--color-text-search-placeholder: hsl(0deg 0% 50%);
|
||||
--color-text-dropdown-menu: hsl(0deg 0% 15%);
|
||||
--color-text-popover-menu: hsl(0deg 0% 15%);
|
||||
--color-text-full-name: hsl(0deg 0% 15%);
|
||||
--color-text-item: hsl(0deg 0% 40%);
|
||||
--color-text-personal-menu-no-status: hsl(0deg 0% 50%);
|
||||
|
|
@ -366,7 +366,7 @@
|
|||
--color-background-icon-close-hover: hsl(0deg 0% 0% / 5%);
|
||||
|
||||
/* Navbar dropdown menu constants - Values from Figma design */
|
||||
--box-shadow-navbar-dropdown-menu: 0 2.78px 4.11px 0 hsl(0deg 0% 0% / 6%),
|
||||
--box-shadow-popover-menu: 0 2.78px 4.11px 0 hsl(0deg 0% 0% / 6%),
|
||||
0 5.5113px 8.5783px 0 hsl(0deg 0% 0% / 7%),
|
||||
0 8.438px 13.9271px 0 hsl(0deg 0% 0% / 8%),
|
||||
0 12.177px 21.4737px 0 hsl(0deg 0% 0% / 9%),
|
||||
|
|
@ -482,12 +482,12 @@
|
|||
--color-search-box-hover-shadow: hsl(0deg 0% 0% / 30%);
|
||||
--color-search-dropdown-top-border: hsla(0deg 0% 0% / 35%);
|
||||
--color-background-image-loader: hsl(0deg 0% 100% / 10%);
|
||||
--color-background-dropdown-menu: hsl(0deg 0% 17%);
|
||||
--color-border-popover-menu: hsl(0deg 0% 0% / 40%);
|
||||
--color-background-popover-menu: hsl(0deg 0% 17%);
|
||||
--color-border-popover-menu-separator: hsl(0deg 0% 0% / 40%);
|
||||
--color-hotkey-hint: hsl(225deg 100% 84%);
|
||||
--color-background-hover-dropdown-menu: hsl(220deg 12% 95% / 5%);
|
||||
--color-background-active-dropdown-menu: hsl(220deg 12% 95% / 7%);
|
||||
--color-border-dropdown-menu: hsl(0deg 0% 0%);
|
||||
--color-background-hover-popover-menu: hsl(220deg 12% 95% / 5%);
|
||||
--color-background-active-popover-menu: hsl(220deg 12% 95% / 7%);
|
||||
--color-border-popover-menu: hsl(0deg 0% 0%);
|
||||
--color-border-personal-menu-avatar: hsl(0deg 0% 100% / 20%);
|
||||
--color-background-unread-counter: hsl(105deg 2% 50% / 50%);
|
||||
/* When unreads are hovered on the condensed
|
||||
|
|
@ -565,7 +565,7 @@
|
|||
--color-text-search-hover: hsl(0deg 0% 100%);
|
||||
--color-text-search-placeholder: hsl(0deg 0% 100% / 50%);
|
||||
--color-text-empty-list-message: hsl(0deg 0% 67%);
|
||||
--color-text-dropdown-menu: hsl(0deg 0% 100% / 80%);
|
||||
--color-text-popover-menu: hsl(0deg 0% 100% / 80%);
|
||||
--color-text-full-name: hsl(0deg 0% 100%);
|
||||
--color-text-item: hsl(0deg 0% 50%);
|
||||
--color-text-personal-menu-no-status: hsl(0deg 0% 100% 35%);
|
||||
|
|
@ -678,7 +678,7 @@
|
|||
--color-background-icon-close-hover: hsl(0deg 0% 100% / 5%);
|
||||
|
||||
/* Navbar dropdown menu constants - Values from Figma design */
|
||||
--box-shadow-navbar-dropdown-menu: 0 2.78px 4.12px 0 hsl(0deg 0% 0% / 10%),
|
||||
--box-shadow-popover-menu: 0 2.78px 4.12px 0 hsl(0deg 0% 0% / 10%),
|
||||
0 5.5113px 8.5783px 0 hsl(0deg 0% 0% / 9%),
|
||||
0 8.4377px 13.9271px 0 hsl(0deg 0% 0% / 11%),
|
||||
0 12.177px 21.4737px 0 hsl(0deg 0% 0% / 11%),
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.tippy-box[data-theme="navbar-dropdown-menu"] {
|
||||
.tippy-box[data-theme="popover-menu"] {
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
|
||||
|
|
@ -109,6 +109,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.tippy-box[data-theme="popover-menu"]:has(#gear-menu-dropdown) {
|
||||
--box-shadow-popover-menu: var(--box-shadow-gear-menu);
|
||||
}
|
||||
|
||||
.user_full_name,
|
||||
.bot_owner {
|
||||
text-overflow: ellipsis;
|
||||
|
|
@ -1194,7 +1198,7 @@ ul {
|
|||
}
|
||||
|
||||
.user_circle_empty {
|
||||
background-color: var(--color-background-dropdown-menu);
|
||||
background-color: var(--color-background-popover-menu);
|
||||
border-color: hsl(0deg 0% 50%);
|
||||
}
|
||||
|
||||
|
|
@ -1224,15 +1228,15 @@ ul {
|
|||
}
|
||||
}
|
||||
|
||||
.navbar-dropdown-menu {
|
||||
.popover-menu {
|
||||
margin: 0;
|
||||
border: solid 1px var(--color-border-dropdown-menu);
|
||||
background-color: var(--color-background-dropdown-menu);
|
||||
border: 1px solid var(--color-border-popover-menu);
|
||||
background-color: var(--color-background-popover-menu);
|
||||
max-height: 85vh;
|
||||
overflow-x: hidden;
|
||||
user-select: none;
|
||||
border-radius: 6px;
|
||||
box-shadow: var(--box-shadow-navbar-dropdown-menu);
|
||||
box-shadow: var(--box-shadow-popover-menu);
|
||||
|
||||
.simplebar-content {
|
||||
min-width: var(--popover-menu-min-width);
|
||||
|
|
@ -1242,13 +1246,13 @@ ul {
|
|||
width: min-content;
|
||||
}
|
||||
|
||||
.navbar-dropdown-menu-inner-list-item {
|
||||
.popover-menu-inner-list-item {
|
||||
/* This is necessary to keep long menu items on a single line. */
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text-item,
|
||||
.link-item .navbar-dropdown-menu-link {
|
||||
.link-item .popover-menu-link {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
|
|
@ -1258,7 +1262,7 @@ ul {
|
|||
line-height: 16px;
|
||||
height: 26px;
|
||||
|
||||
.navbar-dropdown-icon {
|
||||
.popover-menu-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
font-size: 16px;
|
||||
|
|
@ -1276,20 +1280,20 @@ ul {
|
|||
outline: none;
|
||||
|
||||
&:focus-within {
|
||||
background: var(--color-background-hover-dropdown-menu);
|
||||
background: var(--color-background-hover-popover-menu);
|
||||
}
|
||||
|
||||
.navbar-dropdown-icon {
|
||||
.popover-menu-icon {
|
||||
color: var(--color-icon-purple);
|
||||
}
|
||||
|
||||
.navbar-dropdown-menu-link {
|
||||
color: var(--color-text-dropdown-menu) !important;
|
||||
.popover-menu-link {
|
||||
color: var(--color-text-popover-menu) !important;
|
||||
text-decoration: none;
|
||||
flex-grow: 1;
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background-hover-dropdown-menu);
|
||||
background: var(--color-background-hover-popover-menu);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
@ -1301,7 +1305,7 @@ ul {
|
|||
}
|
||||
|
||||
&:active {
|
||||
background: var(--color-background-active-dropdown-menu);
|
||||
background: var(--color-background-active-popover-menu);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1353,7 +1357,6 @@ ul {
|
|||
|
||||
#gear-menu-dropdown {
|
||||
padding: 5px 0;
|
||||
box-shadow: var(--box-shadow-gear-menu);
|
||||
|
||||
.org-info {
|
||||
padding: 4px 0 5px;
|
||||
|
|
@ -1368,16 +1371,16 @@ ul {
|
|||
letter-spacing: 0.28px;
|
||||
|
||||
&:focus-within {
|
||||
background: var(--color-background-hover-dropdown-menu);
|
||||
background: var(--color-background-hover-popover-menu);
|
||||
}
|
||||
|
||||
.navbar-dropdown-menu-link {
|
||||
.popover-menu-link {
|
||||
padding: 2px 10px;
|
||||
flex-grow: 1;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background-hover-dropdown-menu);
|
||||
background: var(--color-background-hover-popover-menu);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
@ -1389,7 +1392,7 @@ ul {
|
|||
}
|
||||
|
||||
&:active {
|
||||
background: var(--color-background-active-dropdown-menu);
|
||||
background: var(--color-background-active-popover-menu);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1400,8 +1403,8 @@ ul {
|
|||
}
|
||||
|
||||
.org-name,
|
||||
.org-plan .navbar-dropdown-menu-link {
|
||||
color: var(--color-text-dropdown-menu);
|
||||
.org-plan .popover-menu-link {
|
||||
color: var(--color-text-popover-menu);
|
||||
}
|
||||
|
||||
.org-name {
|
||||
|
|
@ -1439,22 +1442,22 @@ ul {
|
|||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
ul.navbar-dropdown-menu-outer-list {
|
||||
ul.popover-menu-outer-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
li.navbar-dropdown-menu-outer-list-item {
|
||||
border-bottom: solid 1px var(--color-border-popover-menu);
|
||||
li.popover-menu-outer-list-item {
|
||||
border-bottom: solid 1px var(--color-border-popover-menu-separator);
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
|
||||
ul.navbar-dropdown-menu-inner-list {
|
||||
ul.popover-menu-inner-list {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul.navbar-dropdown-menu-inner-list {
|
||||
ul.popover-menu-inner-list {
|
||||
margin: 0;
|
||||
padding: 4px 0;
|
||||
list-style: none;
|
||||
|
|
@ -1469,7 +1472,7 @@ ul.navbar-dropdown-menu-outer-list {
|
|||
}
|
||||
}
|
||||
|
||||
.navbar-dropdown-hotkey-hint {
|
||||
.popover-menu-hotkey-hint {
|
||||
color: var(--color-hotkey-hint);
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
|
|
|
|||
|
|
@ -1,50 +1,50 @@
|
|||
<div class="navbar-dropdown-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar>
|
||||
<ul class="navbar-dropdown-menu-outer-list">
|
||||
<li class="org-info navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="org-name navbar-dropdown-menu-inner-list-item">{{realm_name}}</li>
|
||||
<li class="org-url navbar-dropdown-menu-inner-list-item">{{realm_url}}</li>
|
||||
<div class="popover-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar>
|
||||
<ul class="popover-menu-outer-list">
|
||||
<li class="org-info popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="org-name popover-menu-inner-list-item">{{realm_name}}</li>
|
||||
<li class="org-url popover-menu-inner-list-item">{{realm_url}}</li>
|
||||
{{#if is_self_hosted }}
|
||||
<li class="org-version navbar-dropdown-menu-inner-list-item">
|
||||
<a href="#about-zulip" class="navigate-link-on-enter navbar-dropdown-menu-link">{{version_display_string}}</a>
|
||||
<li class="org-version popover-menu-inner-list-item">
|
||||
<a href="#about-zulip" class="navigate-link-on-enter popover-menu-link">{{version_display_string}}</a>
|
||||
</li>
|
||||
{{#if server_needs_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 navbar-dropdown-menu-link">{{t 'Upgrade to the latest release' }}</a>
|
||||
<li class="org-upgrade popover-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 popover-menu-link">{{t 'Upgrade to the latest release' }}</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<li class="org-plan navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||
<li class="org-plan popover-menu-inner-list-item hidden-for-spectators">
|
||||
{{#if is_plan_limited }}
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Free</a>
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">Zulip Cloud Free</a>
|
||||
{{else if is_plan_standard}}
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Standard</a>
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">Zulip Cloud Standard</a>
|
||||
{{else if is_plan_standard_sponsored_for_free}}
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Standard (sponsored)</a>
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">Zulip Cloud Standard (sponsored)</a>
|
||||
{{else if is_plan_plus}}
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">Zulip Cloud Plus</a>
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">Zulip Cloud Plus</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if (and (not is_self_hosted) user_has_billing_access (not is_plan_standard_sponsored_for_free)) }}
|
||||
{{#if sponsorship_pending }}
|
||||
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t "Sponsorship request pending" }}</a>
|
||||
<li class="org-upgrade popover-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">{{t "Sponsorship request pending" }}</a>
|
||||
</li>
|
||||
{{else}}
|
||||
{{#if is_plan_limited }}
|
||||
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||
<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 class="org-upgrade popover-menu-inner-list-item">
|
||||
<a href="/upgrade/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">{{t "Upgrade to {standard_plan_name}" }}</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#unless is_org_on_paid_plan}}
|
||||
{{#if is_education_org }}
|
||||
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t 'Request education pricing' }}</a>
|
||||
<li class="org-upgrade popover-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">{{t 'Request education pricing' }}</a>
|
||||
</li>
|
||||
{{else if (not is_business_org) }}
|
||||
<li class="org-upgrade navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">{{t 'Request sponsorship' }}</a>
|
||||
<li class="org-upgrade popover-menu-inner-list-item">
|
||||
<a href="/sponsorship/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">{{t 'Request sponsorship' }}</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
|
|
@ -52,124 +52,124 @@
|
|||
{{/if}}
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#streams/subscribed" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-hash" aria-hidden="true"></i> {{t 'Stream settings' }}
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#streams/subscribed" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-hash" aria-hidden="true"></i> {{t 'Stream settings' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item admin-menu-item hidden-for-spectators">
|
||||
<a href="#organization" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-building" aria-hidden="true"></i>
|
||||
<li class="link-item popover-menu-inner-list-item admin-menu-item hidden-for-spectators">
|
||||
<a href="#organization" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-building" aria-hidden="true"></i>
|
||||
<span>{{t 'Organization settings' }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{#unless is_guest}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#groups/your" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-user-cog" aria-hidden="true"></i> {{t 'Group settings' }}
|
||||
<li class="link-item popover-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#groups/your" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-user-cog" aria-hidden="true"></i> {{t 'Group settings' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/unless}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#settings" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-tool" aria-hidden="true"></i> {{t 'Personal settings' }}
|
||||
<li class="link-item popover-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="#settings" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-tool" aria-hidden="true"></i> {{t 'Personal settings' }}
|
||||
</a>
|
||||
</li>
|
||||
{{#unless is_guest}}
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-bar-chart" aria-hidden="true"></i>
|
||||
<li class="link-item popover-menu-inner-list-item hidden-for-spectators">
|
||||
<a href="/stats" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-bar-chart" aria-hidden="true"></i>
|
||||
<span>{{t 'Usage statistics' }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{/unless}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item only-visible-for-spectators">
|
||||
<a tabindex="0" class="change-language-spectator navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }}
|
||||
<li class="link-item popover-menu-inner-list-item only-visible-for-spectators">
|
||||
<a tabindex="0" class="change-language-spectator popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }}
|
||||
</a>
|
||||
</li>
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }}
|
||||
<li class="link-item popover-menu-inner-list-item gear-menu-select-dark-theme only-visible-for-spectators">
|
||||
<a tabindex="0" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }}
|
||||
</a>
|
||||
</li>
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }}
|
||||
<li class="link-item popover-menu-inner-list-item gear-menu-select-light-theme only-visible-for-spectators">
|
||||
<a tabindex="0" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden-for-spectators navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-monitor" aria-hidden="true"></i> {{t 'Desktop & mobile apps' }}
|
||||
<li class="hidden-for-spectators popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="{{ apps_page_url }}" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-monitor" aria-hidden="true"></i> {{t 'Desktop & mobile apps' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/integrations/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-git-pull-request" aria-hidden="true"></i> {{t 'Integrations' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/integrations/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-git-pull-request" aria-hidden="true"></i> {{t 'Integrations' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/api/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-file-text" aria-hidden="true"></i> {{t 'API documentation' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/api/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-file-text" aria-hidden="true"></i> {{t 'API documentation' }}
|
||||
</a>
|
||||
</li>
|
||||
{{#if show_billing}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/billing/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-credit-card" aria-hidden="true"></i> {{t 'Billing' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/billing/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-credit-card" aria-hidden="true"></i> {{t 'Billing' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if promote_sponsoring_zulip}}
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-heart" aria-hidden="true"></i> {{t 'Support Zulip' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="https://zulip.com/help/support-zulip-project" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-heart" aria-hidden="true"></i> {{t 'Support Zulip' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if show_remote_billing }}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/self-hosted-billing/" id="open-self-hosted-billing" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-rocket" aria-hidden="true"></i> {{t 'Plan management' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/self-hosted-billing/" id="open-self-hosted-billing" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-rocket" aria-hidden="true"></i> {{t 'Plan management' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if show_plans}}
|
||||
{{!-- This will be hidden for self hosted realms since they will have corporate disabled. --}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-rocket" aria-hidden="true"></i> {{t 'Plans and pricing' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/plans/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-rocket" aria-hidden="true"></i> {{t 'Plans and pricing' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
</li>
|
||||
{{#if (or can_invite_users_by_email can_create_multiuse_invite is_spectator show_webathena)}}
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
{{#if (or can_invite_users_by_email can_create_multiuse_invite)}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="invite-user-link navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="invite-user-link popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if show_webathena}}
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon fa fa-bolt" aria-hidden="true"></i>{{t 'Link with Webathena' }}
|
||||
<li class="link-item popover-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 popover-menu-link">
|
||||
<i class="popover-menu-icon fa fa-bolt" aria-hidden="true"></i>{{t 'Link with Webathena' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item only-visible-for-spectators">
|
||||
<a href="{{login_link}}" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-log-in" aria-hidden="true"></i> {{t 'Log in' }}
|
||||
<li class="link-item popover-menu-inner-list-item only-visible-for-spectators">
|
||||
<a href="{{login_link}}" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-log-in" aria-hidden="true"></i> {{t 'Log in' }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,37 +1,37 @@
|
|||
<div class="navbar-dropdown-menu" id="help-menu-dropdown" aria-labelledby="help-menu" data-simplebar>
|
||||
<ul class="navbar-dropdown-menu-outer-list">
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="/help/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-help" aria-hidden="true"></i> {{t 'Help center' }}
|
||||
<div class="popover-menu" id="help-menu-dropdown" aria-labelledby="help-menu" data-simplebar>
|
||||
<ul class="popover-menu-outer-list">
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/help/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-help" aria-hidden="true"></i> {{t 'Help center' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="keyboard-shortcuts">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-keyboard" aria-hidden="true"></i> {{t 'Keyboard shortcuts' }} <span class="navbar-dropdown-hotkey-hint">?</span>
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="navigate-link-on-enter popover-menu-link" data-overlay-trigger="keyboard-shortcuts">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-keyboard" aria-hidden="true"></i> {{t 'Keyboard shortcuts' }} <span class="popover-menu-hotkey-hint">?</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item hidden-for-spectators">
|
||||
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="message-formatting">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-edit" aria-hidden="true"></i> {{t 'Message formatting' }}
|
||||
<li class="link-item popover-menu-inner-list-item hidden-for-spectators">
|
||||
<a tabindex="0" class="navigate-link-on-enter popover-menu-link" data-overlay-trigger="message-formatting">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-edit" aria-hidden="true"></i> {{t 'Message formatting' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="navigate-link-on-enter navbar-dropdown-menu-link" data-overlay-trigger="search-operators">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-manage-search" aria-hidden="true"></i> {{t 'Search filters' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="navigate-link-on-enter popover-menu-link" data-overlay-trigger="search-operators">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-manage-search" aria-hidden="true"></i> {{t 'Search filters' }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item" id="gear_menu_about_zulip">
|
||||
<a href="#about-zulip" class="navigate-link-on-enter navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-info"></i>
|
||||
<li class="link-item popover-menu-inner-list-item" id="gear_menu_about_zulip">
|
||||
<a href="#about-zulip" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-info"></i>
|
||||
{{t "About Zulip" }}
|
||||
</a>
|
||||
</li>
|
||||
{{#if corporate_enabled}}
|
||||
<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 navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-life-buoy" aria-hidden="true"></i> {{t 'Contact support' }}
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="/help/contact-support" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-life-buoy" aria-hidden="true"></i> {{t 'Contact support' }}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="navbar-dropdown-menu" id="personal-menu-dropdown" data-simplebar>
|
||||
<div class="popover-menu" id="personal-menu-dropdown" data-simplebar>
|
||||
<nav class="personal-menu-nav">
|
||||
<header class="personal-menu-header">
|
||||
<div class="avatar">
|
||||
|
|
@ -15,21 +15,21 @@
|
|||
</div>
|
||||
</header>
|
||||
<section class="dropdown-menu-list-section personal-menu-actions" data-user-id="{{user_id}}">
|
||||
<ul class="navbar-dropdown-menu-outer-list">
|
||||
<ul class="popover-menu-outer-list">
|
||||
{{#if user_time}}
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="text-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-clock"></i>
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="text-item hidden-for-spectators popover-menu-inner-list-item">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-clock"></i>
|
||||
{{#tr}}{user_time} local time{{/tr}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
{{#if status_content_available}}
|
||||
<li class="text-item navbar-dropdown-menu-inner-list-item">
|
||||
<li class="text-item popover-menu-inner-list-item">
|
||||
<span class="personal-menu-status-wrapper">
|
||||
{{#if status_emoji_info}}
|
||||
{{#if status_emoji_info.emoji_alt_code}}
|
||||
|
|
@ -48,45 +48,45 @@
|
|||
{{/if}}
|
||||
</span>
|
||||
</span>
|
||||
<a tabindex="0" class="personal-menu-clear-status navbar-dropdown-menu-link" aria-label="{{t 'Clear status'}}" data-tippy-content="{{t 'Clear your status' }}">
|
||||
<i class="personal-menu-clear-status-icon navbar-dropdown-icon zulip-icon zulip-icon-x-circle"></i>
|
||||
<a tabindex="0" class="personal-menu-clear-status popover-menu-link" aria-label="{{t 'Clear status'}}" data-tippy-content="{{t 'Clear your status' }}">
|
||||
<i class="personal-menu-clear-status-icon popover-menu-icon zulip-icon zulip-icon-x-circle"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="update_status_text navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile-smaller"></i>
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="update_status_text popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-smile-smaller"></i>
|
||||
{{#tr}}Edit status{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
{{else}}
|
||||
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="update_status_text navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile-smaller"></i>
|
||||
<li class="link-item hidden-for-spectators popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="update_status_text popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-smile-smaller"></i>
|
||||
{{#tr}}Set status{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if invisible_mode}}
|
||||
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="invisible_mode_turn_off navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-play-circle"></i>
|
||||
<li class="link-item hidden-for-spectators popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="invisible_mode_turn_off popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-play-circle"></i>
|
||||
{{#tr}}Turn off invisible mode{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
{{else}}
|
||||
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="invisible_mode_turn_on navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-stop-circle"></i>
|
||||
<li class="link-item hidden-for-spectators popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="invisible_mode_turn_on popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-stop-circle"></i>
|
||||
{{#tr}}Go invisible{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="navbar-dropdown-menu-inner-list-item">
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="popover-menu-inner-list-item">
|
||||
<div id="theme-switcher" class="tab-picker">
|
||||
<input type="radio" id="select-automatic-theme" class="tab-option" name="theme-select" data-theme-code="{{color_scheme_values.automatic.code}}" {{#if (eq user_color_scheme color_scheme_values.automatic.code)}}checked{{/if}} />
|
||||
<label class="tab-option-content tippy-zulip-delayed-tooltip" for="select-automatic-theme" aria-label="{{t 'Select automatic theme' }}" data-tooltip-template-id="automatic-theme-template" tabindex="0">
|
||||
|
|
@ -105,43 +105,43 @@
|
|||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="#user/{{user_id}}" tabindex="0" class="view_full_user_profile navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-account"></i>
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="#user/{{user_id}}" tabindex="0" class="view_full_user_profile popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-account"></i>
|
||||
{{#tr}}View your profile{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="narrow-self-direct-message navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-users"></i>
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="narrow-self-direct-message popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-users"></i>
|
||||
{{#tr}}View messages with yourself{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a tabindex="0" class="narrow-messages-sent navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-message-square"></i>
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a tabindex="0" class="narrow-messages-sent popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-message-square"></i>
|
||||
{{#tr}}View messages sent{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a href="#settings/profile" class="open-profile-settings navbar-dropdown-menu-link">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-tool"></i>
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a href="#settings/profile" class="open-profile-settings popover-menu-link">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-tool"></i>
|
||||
{{#tr}}Settings{{/tr}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navbar-dropdown-menu-outer-list-item">
|
||||
<ul class="navbar-dropdown-menu-inner-list">
|
||||
<li class="link-item navbar-dropdown-menu-inner-list-item">
|
||||
<a class="logout_button hidden-for-spectators navbar-dropdown-menu-link" tabindex="0">
|
||||
<i class="navbar-dropdown-icon zulip-icon zulip-icon-log-out" aria-hidden="true"></i>
|
||||
<li class="popover-menu-outer-list-item">
|
||||
<ul class="popover-menu-inner-list">
|
||||
<li class="link-item popover-menu-inner-list-item">
|
||||
<a class="logout_button hidden-for-spectators popover-menu-link" tabindex="0">
|
||||
<i class="popover-menu-icon zulip-icon zulip-icon-log-out" aria-hidden="true"></i>
|
||||
{{t 'Log out' }}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue