diff --git a/app/assets/images/grid.svg b/app/assets/images/grid.svg new file mode 100644 index 000000000..eca0897e6 --- /dev/null +++ b/app/assets/images/grid.svg @@ -0,0 +1 @@ + diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css index 09063e1a2..4b0569b54 100644 --- a/app/assets/stylesheets/cards.css +++ b/app/assets/stylesheets/cards.css @@ -258,6 +258,14 @@ border: none; padding: 0; display: flex; + + &:focus-visible { + outline: none; + + .btn { + box-shadow: 0 0 0 var(--focus-ring-size) var(--focus-ring-color); + } + } } .card__meta-text { diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css index c463fbd7d..d5dc9833a 100644 --- a/app/assets/stylesheets/icons.css +++ b/app/assets/stylesheets/icons.css @@ -54,6 +54,7 @@ .icon--everyone { --svg: url("everyone.svg "); } .icon--expand { --svg: url("expand.svg "); } .icon--gear { --svg: url("gear.svg "); } + .icon--grid { --svg: url("grid.svg "); } .icon--filter { --svg: url("filter.svg "); } .icon--globe { --svg: url("globe.svg "); } .icon--golden-ticket { --svg: url("golden-ticket.svg "); } diff --git a/app/views/boards/show/_column.html.erb b/app/views/boards/show/_column.html.erb index bbbc4b11d..c763479ef 100644 --- a/app/views/boards/show/_column.html.erb +++ b/app/views/boards/show/_column.html.erb @@ -14,7 +14,7 @@ <%= render "boards/show/expander", title: column.name, count: column.cards.active.count, column_id: dom_id(column) %> <%= link_to board_column_path(column.board, column), class: "cards__maximize-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %> - <%= icon_tag "maximize", class: "translucent" %> + <%= icon_tag "grid", class: "translucent" %> Maximize column <% end %> diff --git a/app/views/boards/show/_stream.html.erb b/app/views/boards/show/_stream.html.erb index 843f61192..f4ea59ea1 100644 --- a/app/views/boards/show/_stream.html.erb +++ b/app/views/boards/show/_stream.html.erb @@ -9,7 +9,7 @@