From a936bc1c47fc121c10609d6391e73cf6b7de1f2f Mon Sep 17 00:00:00 2001 From: Adrien Maston Date: Wed, 17 Dec 2025 10:22:41 +0100 Subject: [PATCH 01/17] Make icon buttons bigger --- app/assets/stylesheets/buttons.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css index 4ee5f199ea..64ea77611a 100644 --- a/app/assets/stylesheets/buttons.css +++ b/app/assets/stylesheets/buttons.css @@ -107,13 +107,22 @@ > * { grid-area: 1/1; } + + @media (max-width: 639px) { + --btn-size: 3em; + --icon-size: 70%; + } } /* Make a normal button circular on mobile */ @media (max-width: 639px) { .btn--circle-mobile { + --btn-size: 3em; + --btn-padding: 0; + --icon-size: 70%; + aspect-ratio: 1; - padding: 0.5em; + inline-size: var(--btn-size); kbd, span:last-of-type { @@ -270,4 +279,3 @@ } } } - From 3c9c4cafea1dd5637e272ad4e85639d446811289 Mon Sep 17 00:00:00 2001 From: Adrien Maston Date: Wed, 17 Dec 2025 10:39:21 +0100 Subject: [PATCH 02/17] Use buttons above title layout --- app/assets/stylesheets/header.css | 10 ++++------ app/views/events/index.html.erb | 2 +- app/views/layouts/application.html.erb | 2 +- 3 files changed, 6 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index 21553e358d..a3b90ac4f3 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -116,17 +116,15 @@ /* Optional class to stack header actions on small screens /* ------------------------------------------------------------------------ */ - /* .header--mobile-actions-stack { + .header--mobile-actions-stack { @media (max-width: 639px) { - grid-template-columns: 1fr 1fr; grid-template-areas: - "menu menu" - "actions-start actions-end" - "title title"; + "actions-start menu actions-end" + "title title title"; .header__title { margin-block-start: 0.25rem; } } - } */ + } } diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb index 0c5ef2a0d1..1279e4dac1 100644 --- a/app/views/events/index.html.erb +++ b/app/views/events/index.html.erb @@ -1,5 +1,5 @@ <% @page_title = "Home" %> -<% @header_class = "header--events header--mobile-actions-stack" %> +<% @header_class = "header--events" %> <%= render "cards/broadcasts", filter: @filter %> diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 79b679637f..be25a8eaea 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -3,7 +3,7 @@ <%= render "layouts/shared/head" %> -