Merge pull request #921 from basecamp/fizzy-menu-locations

Fizzy menu locations
This commit is contained in:
Jason Zimdars
2025-08-14 17:50:53 -05:00
committed by GitHub
5 changed files with 56 additions and 4 deletions
+1 -1
View File
@@ -21,7 +21,7 @@
<strong class="txt-medium overflow-ellipsis margin-none">Fizzy</strong>
<% end %>
<%= tag.dialog class:"fizzy-dialog filter popup popup--animated panel flex-column align-start fill-white",
<%= tag.dialog class:"fizzy-dialog filter popup popup--animated panel flex-column align-start",
data: {
action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
controller: "filter navigable-list",
+1 -1
View File
@@ -21,7 +21,7 @@
<strong class="txt-medium overflow-ellipsis margin-none">Fizzy</strong>
<% end %>
<%= tag.dialog class:"fizzy-dialog filter popup popup--animated panel flex-column align-start fill-white",
<%= tag.dialog class:"fizzy-dialog filter popup popup--animated panel flex-column align-start",
data: {
action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
controller: "filter navigable-list",
+6 -1
View File
@@ -20,7 +20,7 @@
<strong class="txt-medium overflow-ellipsis margin-none">Fizzy</strong>
<% end %>
<%= tag.dialog class: "fizzy-dialog filter margin-block-start-half popup popup--animated panel flex-column align-start fill-white",
<%= tag.dialog class: "fizzy-dialog filter margin-block-start-half popup popup--animated panel flex-column align-start",
data: {
action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
controller: "filter navigable-list",
@@ -54,6 +54,11 @@
<%= render partial: "events/filter/user", collection: User.active.alphabetically, as: :user %>
</ul>
<ul class="popup__list">
<li class="popup__group-title">Jump to…</li>
<%= render partial: "events/filter/places" %>
</ul>
<% if platform.desktop? %>
<footer class="popup__footer">
Press <kbd class="kbd"><%= hotkey_label(["ctrl", "J"]) -%></kbd> anytime to open this, <kbd class="kbd">esc</kbd> to close, <kbd class="kbd">↑</kbd><kbd class="kbd">↓</kbd> to move, <kbd class="kbd">enter</kbd> to navigate, <kbd class="kbd">SHIFT+ENTER</kbd> to select.
+1 -1
View File
@@ -31,7 +31,7 @@
<%= link_to account_settings_path, class: "popup__group btn borderless", data: { filter_target: "item", navigable_list_target: "item", controller: "hotkey", action: "keydown.6@document->hotkey#click keydown.shift+6@document->hotkey#click" } do %>
<%= icon_tag "settings" %>
<span>Settings</span>
<span>Account <span class="visually-hidden">Settings</span></span>
<kbd>6</kbd>
<% end %>
</div>
+47
View File
@@ -0,0 +1,47 @@
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "settings" %>
<%= link_to account_settings_path, class: "popup__item btn" do %>
<span class="overflow-ellipsis">Account Settings</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "person" %>
<%= link_to user_path(Current.user), class: "popup__item btn" do %>
<span class="overflow-ellipsis">My Profile</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "bell" %>
<%= link_to notifications_path, class: "popup__item btn" do %>
<span class="overflow-ellipsis">Notifications</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "settings" %>
<%= link_to settings_notifications_path, class: "popup__item btn" do %>
<span class="overflow-ellipsis">Notification Settings</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "search" %>
<%= link_to search_path, class: "popup__item btn" do %>
<span class="overflow-ellipsis">Search</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>
<li class="popup__group" data-filter-target="item" data-navigable-list-target="item">
<%= icon_tag "bolt" %>
<%= link_to workflows_path, class: "popup__item btn" do %>
<span class="overflow-ellipsis">Workflows</span>
<span class="translucent flex-item-no-shrink flex-item-justify-end"> </span>
<% end %>
</li>