bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't goof with mobile

Browse Source
This commit is contained in:
Andy Smith
2025-10-31 11:34:42 -05:00
parent 3b480471a6
commit aafe8ffa80
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/trays.css
+4
View File
@@ -87,6 +87,10 @@
display: none;
}
.tray__toggle-text {
display: contents;
}
@media (max-width: 799px) {
/* When collapsed on mobile, make it small */
.tray__dialog:not([open]) ~ & {
app/views/bar/_bar.html.erb
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="flex justify-center bar__placeholder" data-bar-target="buttonsContainer">
<%= tag.button class: "btn btn--plain", data: {
controller: "hotkey", action: "bar#search keydown.k@document->hotkey#click" } do %>
<span class="flex align-center gap-half">Search <% if platform.desktop? -%><kbd>K</kbd><% end %></span>
<span class="display-contents">Search <% if platform.desktop? -%><kbd>K</kbd><% end %></span>
<% end %>
</div>
app/views/my/pins/_tray.html.erb
+1 -1
View File
@@ -14,7 +14,7 @@
<button class="tray__toggle" data-action="dialog#toggle keydown.p@document->hotkey#click" data-controller="hotkey" aria-label="Toggle pins stack" aria-haspopup="true">
<div class="tray__toggle-btn txt-uppercase btn btn--reversed txt-x-small center full-width">
<%= icon_tag "pinned" %>
<span class="tray__toggle-text flex align-center gap-half">Pinned <% if platform.desktop? -%><kbd>P</kbd><% end %></span>
<span class="tray__toggle-text">Pinned <% if platform.desktop? -%><kbd>P</kbd><% end %></span>
</div>
</button>
</section>
app/views/notifications/_tray.html.erb
+1 -1
View File
@@ -42,7 +42,7 @@
<button class="tray__toggle" data-action="dialog#toggle keydown.n@document->hotkey#click" data-controller="hotkey" aria-label="Toggle notifications stack" aria-haspopup="true">
<div class="tray__toggle-btn txt-uppercase btn btn--reversed txt-x-small center full-width">
<%= icon_tag "bell" %>
<span class="tray__toggle-text flex align-center gap-half">Notifications <% if platform.desktop? -%><kbd>N</kbd><% end %></span>
<span class="tray__toggle-text">Notifications <% if platform.desktop? -%><kbd>N</kbd><% end %></span>
</div>
</button>
</section>