From 4b4454de893b638e52e5dbfcd4737ab0c48514ca Mon Sep 17 00:00:00 2001 From: Sean Mitchell Date: Tue, 24 Mar 2026 13:32:39 -0700 Subject: [PATCH] Update colophon icons --- app/assets/images/37signals.svg | 2 +- app/assets/images/basecamp.svg | 2 +- app/assets/images/fizzy.svg | 2 +- app/assets/images/hey.svg | 2 +- app/assets/stylesheets/icons.css | 29 ++++++++++++++++++--- app/views/layouts/shared/_colophon.html.erb | 16 +++--------- 6 files changed, 33 insertions(+), 20 deletions(-) diff --git a/app/assets/images/37signals.svg b/app/assets/images/37signals.svg index 8ff6c3bb8..366fe6b6a 100644 --- a/app/assets/images/37signals.svg +++ b/app/assets/images/37signals.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/app/assets/images/basecamp.svg b/app/assets/images/basecamp.svg index 2c7fc7991..2aa85d28b 100644 --- a/app/assets/images/basecamp.svg +++ b/app/assets/images/basecamp.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/app/assets/images/fizzy.svg b/app/assets/images/fizzy.svg index fd9f5f8bf..451b0511b 100644 --- a/app/assets/images/fizzy.svg +++ b/app/assets/images/fizzy.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/app/assets/images/hey.svg b/app/assets/images/hey.svg index 8abcce318..fbc7a777a 100644 --- a/app/assets/images/hey.svg +++ b/app/assets/images/hey.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css index 3c92f82ba..f747091da 100644 --- a/app/assets/stylesheets/icons.css +++ b/app/assets/stylesheets/icons.css @@ -11,6 +11,7 @@ mask-repeat: no-repeat; mask-size: var(--icon-size, 1em); pointer-events: none; + position: relative; user-select: none; } @@ -18,7 +19,11 @@ background: none; } - .icon--37signals { --svg: url("37signals.svg"); } + .icon--37signals { + --svg: url("37signals.svg"); + top: -0.1em; + margin-right: 0.1375em; + } .icon--add { --svg: url("add.svg "); } .icon--add--meta { --svg: url("add--meta.svg "); } .icon--arrow-left { --svg: url("arrow-left.svg "); } @@ -28,7 +33,13 @@ .icon--assigned { --svg: url("assigned.svg "); } .icon--attachment { --svg: url("attachment.svg "); } .icon--authentication { --svg: url("authentication.svg "); } - .icon--basecamp { --svg: url("basecamp.svg"); } + .icon--basecamp { + --svg: url("basecamp.svg"); + inline-size: 1.14em; + mask-size: 1.14em var(--icon-size, 1em); + top: -0.1em; + margin-right: 0.1375em; + } .icon--bell-alert { --svg: url("bell-alert.svg "); } .icon--bell-off { --svg: url("bell-off.svg "); } .icon--bell { --svg: url("bell.svg "); } @@ -58,10 +69,20 @@ .icon--gear { --svg: url("gear.svg "); } .icon--grid { --svg: url("grid.svg "); } .icon--filter { --svg: url("filter.svg "); } - .icon--fizzy { --svg: url("fizzy.svg"); } + .icon--fizzy { + --svg: url("fizzy.svg"); + top: -0.1em; + margin-right: 0.1375em; + } .icon--globe { --svg: url("globe.svg "); } .icon--golden-ticket { --svg: url("golden-ticket.svg "); } - .icon--hey { --svg: url("hey.svg"); } + .icon--hey { + --svg: url("hey.svg"); + block-size: 1.06em; + mask-size: var(--icon-size, 1em) 1.06em; + top: -0.1em; + margin-right: 0.1375em; + } .icon--history { --svg: url("history.svg "); } .icon--home { --svg: url("home.svg "); } .icon--install-edge { --svg: url("install-edge.svg "); } diff --git a/app/views/layouts/shared/_colophon.html.erb b/app/views/layouts/shared/_colophon.html.erb index f97003aa8..24ceb5b23 100644 --- a/app/views/layouts/shared/_colophon.html.erb +++ b/app/views/layouts/shared/_colophon.html.erb @@ -1,19 +1,11 @@ <%= link_to "https://www.fizzy.do", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %> - <%= icon_tag "fizzy", class: "v-align-middle" %> - Fizzy™ -<% end %> + <%= icon_tag "fizzy", class: "v-align-middle" %>Fizzy™<% end %> is designed, built, and backed by <%= link_to "https://37signals.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %> - <%= icon_tag "37signals", class: "v-align-middle" %> - 37signals™, -<% end %> + <%= icon_tag "37signals", class: "v-align-middle" %>37signals™<% end %>, makers of <%= link_to "https://www.basecamp.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %> - <%= icon_tag "basecamp", class: "v-align-middle" %> - Basecamp™ -<% end %> + <%= icon_tag "basecamp", class: "v-align-middle" %>Basecamp™<% end %> and <%= link_to "https://www.hey.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %> - <%= icon_tag "hey", class: "v-align-middle" %> - HEY™ -<% end %> + <%= icon_tag "hey", class: "v-align-middle" %>HEY™<% end %> \ No newline at end of file