diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css index 69c2a682d..a4e7199e0 100644 --- a/app/assets/stylesheets/buttons.css +++ b/app/assets/stylesheets/buttons.css @@ -113,7 +113,12 @@ span:last-of-type { display: none; } + } + } + @media (min-width: 640px) { + .btn--circle-mobile .icon--mobile-only { + display: none !important; } } @@ -221,6 +226,7 @@ } } + /* Button groups /* ------------------------------------------------------------------------ */ diff --git a/app/assets/stylesheets/reactions.css b/app/assets/stylesheets/reactions.css index 80bde798a..d736b03cb 100644 --- a/app/assets/stylesheets/reactions.css +++ b/app/assets/stylesheets/reactions.css @@ -74,10 +74,14 @@ gap: 0.25ch; max-inline-size: 100%; opacity: 1; - padding: 0.1em 0.12em; - postion: relative; + padding: 0.1em 0.36em 0.1em 0.12em; + position: relative; transition: opacity 100ms ease-in-out, transform 150ms ease-in-out; + &:has(span.txt-small.txt-medium) { /* emoji only reactions */ + padding: 0.1em 0.12em; + } + .btn { font-size: 0.6em; inline-size: auto; diff --git a/app/assets/stylesheets/steps.css b/app/assets/stylesheets/steps.css index 3e271137f..f106859ac 100644 --- a/app/assets/stylesheets/steps.css +++ b/app/assets/stylesheets/steps.css @@ -33,7 +33,7 @@ transform-origin: center; transition: 150ms transform ease-in-out; } - + &:checked::before { transform: scale(1) rotate(10deg); } @@ -73,6 +73,7 @@ @supports (field-sizing: content) { field-sizing: content; + max-inline-size: 100%; min-inline-size: 15ch; } } diff --git a/app/views/cards/assignments/new.html.erb b/app/views/cards/assignments/new.html.erb index 07ad6531b..ee7f38c2d 100644 --- a/app/views/cards/assignments/new.html.erb +++ b/app/views/cards/assignments/new.html.erb @@ -1,5 +1,5 @@ <%= turbo_frame_tag @card, :assignment do %> - <%= tag.div class: "max-width", data: { + <%= tag.div class: "max-width full-width", data: { action: "turbo:before-cache@document->dialog#close dialog:show@document->navigable-list#reset keydown->navigable-list#navigate filter:changed->navigable-list#reset", controller: "filter navigable-list", dialog_target: "dialog", @@ -11,10 +11,8 @@ a - <% if @users.many? %> - <%= text_field_tag :search, nil, placeholder: "Filter…", class: "input input--transparent txt-small margin-block-half", autofocus: true, - type: "search", autocorrect: "off", autocomplete: "off", data: { "1p-ignore": "true", filter_target: "input", action: "input->filter#filter" } %> - <% end %> + <%= text_field_tag :search, nil, placeholder: "Filter…", class: "input input--transparent txt-small margin-block-half", autofocus: true, + type: "search", autocorrect: "off", autocomplete: "off", data: { "1p-ignore": "true", filter_target: "input", action: "input->filter#filter" } %>