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

72 lines
4.1 KiB
Handlebars
Raw Normal View History

Switch to fixed sidebar layout and remove bootstrap layout hooks. (imported from commit 060340a2febb7b8df6477a3419e7588a8503e377)
2013-08-13 12:52:26 +02:00
<div class="header">
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
<nav class="header-main" id="top_navbar">
<div class="column-left">
navbar: Add button to toggle left sidebar.
2024-04-22 10:32:21 +02:00
<a class="left-sidebar-toggle-button {{#if embedded}}hide-streamlist-toggle-visibility{{/if}}" tabindex="0" role="button">
<i class="fa fa-reorder" aria-hidden="true"></i>
<span class="left-sidebar-toggle-unreadcount">0</span>
</a>
navbar: Move left sidebar toggle icon to left of org logo. Make the org logo smaller and moves the left sidebar toggle icon to the left of the logo.
2024-06-11 08:18:25 +02:00
<a href="" class="brand no-style">
<img id="realm-logo" src="" alt="" class="nav-logo no-drag"/>
</a>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</div>
<div class="column-middle" id="navbar-middle">
<div class="column-middle-inner">
navbar: Add button to toggle left sidebar.
2024-04-22 10:32:21 +02:00
<div id="streamlist-toggle" class="tippy-zulip-delayed-tooltip {{#if embedded}}hide-streamlist-toggle-visibility{{/if}}" data-tooltip-template-id="show-left-sidebar-tooltip-template">
navbar: Rename left sidebar toggle button. This name better describes what the button does and using a class helps us use it's CSS and events for other buttons.
2024-04-22 09:59:34 +02:00
<a class="left-sidebar-toggle-button" role="button" tabindex="0"><i class="fa fa-reorder" aria-hidden="true"></i>
navbar: Add button to toggle left sidebar.
2024-04-22 10:32:21 +02:00
<span class="left-sidebar-toggle-unreadcount">0</span>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</a>
search: Duplicate HTML template content for search area. This is preparation for being able to work on the search pills feature without making any user-facing changes until we're ready to enable it.
2018-07-14 11:39:33 +02:00
</div>
search: Redesign search box. Fixes #21798.
2022-05-16 19:24:49 +02:00
<div class="top-navbar-container">
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
<div id="message_view_header" class="notdisplayed">
navbar: Widen navbar to fill the full screen on large screens. Now that the navbar is a different color, we want it to also take up the full width of the screen. Because the navbar has margin, this commit adds a new div. To not have to add a new div, the scrollbar would need to be moved to the `html` element, which is a bigger project. This commit also moves the zulip logo to be left-justified instead of centered, since it looks strange centered with the full width navbar.
2023-03-25 22:23:04 +01:00
</div>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
<div id="searchbox">
<form id="searchbox_form" class="navbar-search">
search: Rename search_arrows to searchbox_container. The terminology "arrows" comes from historical functionality that is no longer relevant, so searchbox_container is a more clear and accurate name. It would be nice in the future to see if we can remove some of the nesting of HTML (#searchbox, #searchbox_form, and #searchbox_container).
2023-07-18 18:06:24 +02:00
<div id="searchbox-input-container" class="input-append">
search: Redesign search box. Fixes #21798.
2022-05-16 19:24:49 +02:00
<i class="search_icon zulip-icon zulip-icon-search"></i>
search: Rename class to search-input to avoid bootstrap. The class `search-query` is a bootstrap classname, and using a name unique from that both lets us rely on bootstrap less and also not have to override some boostrap styles.
2023-06-17 07:00:32 +02:00
<input class="search-input input-block-level home-page-input" id="search_query" type="text" placeholder="{{t 'Search' }}"
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
autocomplete="off"/>
search: Redesign search box. Fixes #21798.
2022-05-16 19:24:49 +02:00
<button class="search_close_button tippy-zulip-delayed-tooltip" type="button" id="search_exit" aria-label="{{t 'Exit search' }}" data-tippy-content="Close"><i class="zulip-icon zulip-icon-close" aria-hidden="true"></i></button>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</div>
</form>
navbar: Widen navbar to fill the full screen on large screens. Now that the navbar is a different color, we want it to also take up the full width of the screen. Because the navbar has margin, this commit adds a new div. To not have to add a new div, the scrollbar would need to be moved to the `html` element, which is a bigger project. This commit also moves the zulip logo to be left-justified instead of centered, since it looks strange centered with the full width navbar.
2023-03-25 22:23:04 +01:00
</div>
navbar: Add login and signup buttons for spectators. Remove login buttons from right sidebar and add them to navbar so that the user instantly notices them.
2022-10-14 19:52:42 +02:00
</div>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</div>
</div>
<div class="column-right">
top_navbar: Allow spectator items to participate in flexbox.
2023-12-03 19:58:35 +01:00
<div class="spectator_login_buttons only-visible-for-spectators">
<a href="/register/" class="signup_button">
{{t 'Sign up' }}
</a>
<a class="login_button">
{{t 'Log in' }}
</a>
navbar: Add login and signup buttons for spectators. Remove login buttons from right sidebar and add them to navbar so that the user instantly notices them.
2022-10-14 19:52:42 +02:00
</div>
sidebar_ui: Allow user to hide right sidebar on any screen width.
2024-03-19 10:51:24 +01:00
<div id="userlist-toggle" class="hidden-for-spectators">
navbar: Use new icon for user list toggle. This needs to be done along with gear menu for navbar to look nice.
2023-10-13 12:36:33 +02:00
<a id="userlist-toggle-button" role="button" class="header-button" tabindex="0">
navbar: Change the user list menu (narrow) to user-list.svg. Fixes: zulip#28756 In this commit, we are changing the user list menu icon(narrow screen) from triple-users to user-list.
2024-02-06 01:28:35 +01:00
<i class="zulip-icon zulip-icon-user-list"></i>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</a>
</div>
help_menu: Extract help items from gear menu into a separate popover. Fixes #27202
2023-10-21 13:57:36 +02:00
<div id="help-menu">
<a class="header-button tippy-zulip-delayed-tooltip" tabindex="0" role="button" data-tooltip-template-id="help-menu-tooltip-template">
compose: Update icons for formatting buttons. Also made the buttons bigger, and updated breakpoints accordingly. Fixes: #27845.
2023-11-22 08:25:31 +01:00
<i class="zulip-icon zulip-icon-help-bigger" aria-hidden="true"></i>
help_menu: Extract help items from gear menu into a separate popover. Fixes #27202
2023-10-21 13:57:36 +02:00
</a>
</div>
gear_menu: Migrate to use tippy.
2023-10-13 12:51:35 +02:00
<div id="gear-menu" class="{{#if embedded}}hide-navbar-buttons-visibility{{/if}}">
<a id="settings-dropdown" tabindex="0" role="button" class="header-button tippy-zulip-delayed-tooltip" data-tooltip-template-id="gear-menu-tooltip-template">
<i class="zulip-icon zulip-icon-gear" aria-hidden="true"></i>
</a>
navbar: Add user avatar icon for personal_menu dropdown. This commit adds user avatar icon in navbar. This new avatar icon will be used as dropdown toggle button. Made `.column-right` a flex, every element in right-side navbar is in this div now rather than all elements positioned absolutely with hardcoded values like before. Fixed some CSS as per new flex layout if `.column-right`. Fixes part of #22802
2023-07-17 17:26:24 +02:00
</div>
<div id="personal-menu" class="hidden-for-spectators">
hotkey: Make g + left / right arrow work to open navbar dropdowns. While gear menu is open, press right arrow to go to personal menu and left arrow to open gear menu again.
2023-10-21 01:28:30 +02:00
<a class="header-button tippy-zulip-delayed-tooltip" tabindex="0" role="button" data-tooltip-template-id="personal-menu-tooltip-template">
navbar: Add user avatar icon for personal_menu dropdown. This commit adds user avatar icon in navbar. This new avatar icon will be used as dropdown toggle button. Made `.column-right` a flex, every element in right-side navbar is in this div now rather than all elements positioned absolutely with hardcoded values like before. Fixed some CSS as per new flex layout if `.column-right`. Fixes part of #22802
2023-07-17 17:26:24 +02:00
<img class="header-button-avatar" src="{{user_avatar}}"/>
</a>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</div>
top_navbar: Allow spectator items to participate in flexbox.
2023-12-03 19:58:35 +01:00
<div class="spectator_narrow_login_button only-visible-for-spectators" data-tippy-content="{{t 'Log in' }}" data-tippy-placement="bottom">
<a class="header-button login_button">
icons: Place new log-in and log-out icons across UI.
2023-12-04 18:57:47 +01:00
<i class="zulip-icon zulip-icon-log-in"></i>
top_navbar: Allow spectator items to participate in flexbox.
2023-12-03 19:58:35 +01:00
</a>
</div>
navbar: Remove top_navbar_full_width now that scrollbar is on html.
2023-06-01 21:11:37 +02:00
</div>
</nav>
Switch to fixed sidebar layout and remove bootstrap layout hooks. (imported from commit 060340a2febb7b8df6477a3419e7588a8503e377)
2013-08-13 12:52:26 +02:00
</div>