diff --git a/app/assets/stylesheets/bar.css b/app/assets/stylesheets/bar.css index 23bd31812..e996853f3 100644 --- a/app/assets/stylesheets/bar.css +++ b/app/assets/stylesheets/bar.css @@ -50,13 +50,15 @@ } .bar__placeholder { - color: var(--color-ink-medium); font-weight: 500; + opacity: 0.66; .btn--plain { color: inherit; - font-weight: inherit; + font-size: var(--text-x-small); + font-weight: 600; padding-inline: 1ch; + text-transform: uppercase; white-space: nowrap; &:hover { diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css index 2ab4d7422..bf6d8df4a 100644 --- a/app/assets/stylesheets/base.css +++ b/app/assets/stylesheets/base.css @@ -71,6 +71,7 @@ opacity: 0.7; padding: 0 0.4em; text-transform: uppercase; + vertical-align: middle; white-space: nowrap; } diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css index a933a0fcf..179ac73d4 100644 --- a/app/assets/stylesheets/trays.css +++ b/app/assets/stylesheets/trays.css @@ -87,10 +87,6 @@ display: none; } - .tray__toggle-text kbd { - vertical-align: text-bottom; - } - @media (max-width: 799px) { /* When collapsed on mobile, make it small */ .tray__dialog:not([open]) ~ & { diff --git a/app/views/bar/_bar.html.erb b/app/views/bar/_bar.html.erb index 136602498..bf4d26168 100644 --- a/app/views/bar/_bar.html.erb +++ b/app/views/bar/_bar.html.erb @@ -13,8 +13,8 @@ controller: "hotkey", action: " bar#search - keydown.meta+k@document->hotkey#click keydown.ctrl+k@document->hotkey#click" } do %> - Search (<%= hotkey_label(["ctrl", "K"]) %>) + keydown.k@document->hotkey#click" } do %> + Search <% if platform.desktop? -%>K<% end %> <% end %> <% if Current.user.staff? %> <%= tag.button \ @@ -23,8 +23,8 @@ controller: "hotkey", action: " bar#ask - keydown.meta+a@document->hotkey#click keydown.ctrl+a@document->hotkey#click" } do %> - Ask (<%= hotkey_label(["ctrl", "A"]) %>) + keydown.a@document->hotkey#click" } do %> + Ask <% if platform.desktop? -%>A<% end %> <% end %> <% end %>