Merge pull request #1498 from basecamp/rename-boards

Rename collections => boards

Author: jorgemanrubia

app/assets/images/collection-add.svg renamed to app/assets/images/board-add.svg

@@ -45,7 +45,7 @@
 
   .bubble__number {
     display: grid;
-    font-size: clamp(10px, 50cqi, var(--bubble-number-max)); /* FF bug: https://app.fizzy.do/5986089/collections/2/cards/1373 */
+    font-size: clamp(10px, 50cqi, var(--bubble-number-max)); /* FF bug: https://app.fizzy.do/5986089/boards/2/cards/1373 */
     font-weight: 900;
     inset: 0;
     place-content: center;

app/assets/images/collection.svg renamed to app/assets/images/board.svg

@@ -492,7 +492,7 @@
       }
     }
 
-    .card__collection {
+    .card__board {
       background-color: transparent;
       color: var(--card-content-color);
     }
@@ -519,10 +519,10 @@
     }
   }
 
-  /* Collection tools
+  /* Board tools
   /* -------------------------------------------------------------------------- */
 
-  .collection-tools.card {
+  .board-tools.card {
     --border-color: var(--color-selected-dark);
     --border-size: 1px;
     --card-padding-block: var(--block-space);
@@ -560,7 +560,7 @@
     }
   }
 
-  .collection-tools__watching {
+  .board-tools__watching {
     --btn-size: 32px;
     --gap: 0.5ch;
 
@@ -572,7 +572,7 @@
     position: relative;
   }
 
-  .collection-tools__watching-dialog {
+  .board-tools__watching-dialog {
     --panel-padding: 2ch;
     --panel-size: 100%;
 

app/assets/stylesheets/bubble.css

@@ -85,7 +85,7 @@
       }
     }
 
-    .collection-picker__button {
+    .board-picker__button {
       --btn-border-size: 0;
 
       font-size: 0.5em;

app/assets/stylesheets/card-columns.css

@@ -55,7 +55,7 @@
     }
   }
 
-  .card__collection {
+  .card__board {
     background-color: var(--card-color);
     border-radius: var(--border-radius) 0 var(--border-radius) 0;
     color: var(--color-ink-inverted);
@@ -66,7 +66,7 @@
     padding-block: 0.25lh;
     padding-inline: var(--card-padding-inline) 1ch;
 
-    &:has(.collection-picker__button) {
+    &:has(.board-picker__button) {
       cursor: pointer;
       transition: background-color 100ms ease-out;
 
@@ -92,7 +92,7 @@
     }
   }
 
-  .card__collection-name {
+  .card__board-name {
     border-inline-start: 1px solid color-mix(in hsl, transparent 75%, currentColor);
     color: currentColor;
     display: flex;
@@ -404,7 +404,7 @@
       padding-block-end: 0;
     }
 
-    .card__collection {
+    .card__board {
       font-size: var(--text-xx-small);
       padding-block: 0.5ch;
       padding-inline-start: var(--inline-space-double);
@@ -487,7 +487,7 @@
     }
   }
 
-  .card__collection-public-description {
+  .card__board-public-description {
     max-inline-size: 66ch;
 
     > *:first-child { margin-block-start: 0; }

app/assets/stylesheets/card-perma.css

@@ -270,15 +270,15 @@
       z-index: 0;
     }
 
-    .card__collection {
+    .card__board {
       background-color: transparent;
       color: color-mix(in srgb, var(--card-color) 40%, var(--color-ink));
       font-size: 0.7em;
       padding: 0;
       translate: 0 -0.3em;
     }
 
-    .card__collection-name {
+    .card__board-name {
       border-inline-start: 1px solid color-mix(in srgb, var(--color-ink) 33%, var(--color-canvas));
       color: color-mix(in srgb, var(--card-color) 40%, var(--color-ink));
       margin: 0 0 0 calc(var(--inline-space) * 0.75);

app/assets/stylesheets/cards.css

@@ -42,8 +42,8 @@
   .icon--clipboard { --svg: url("clipboard.svg "); }
   .icon--close { --svg: url("close.svg "); }
   .icon--close-circle { --svg: url("close-circle.svg "); }
-  .icon--collection { --svg: url("collection.svg "); }
-  .icon--collection-add { --svg: url("collection-add.svg "); }
+  .icon--board { --svg: url("board.svg "); }
+  .icon--board-add { --svg: url("board-add.svg "); }
   .icon--column-left { --svg: url("column-left.svg "); }
   .icon--column-right { --svg: url("column-right.svg "); }
   .icon--comment { --svg: url("comment.svg "); }

app/assets/stylesheets/events.css

@@ -63,7 +63,7 @@
   }
 
   .card {
-    .card__collection {
+    .card__board {
       background: var(--color-canvas);
       border-block-end: var(--border-light);
       border-inline-end: var(--border-light);
@@ -118,7 +118,7 @@
     }
   }
 
-  /* Collections
+  /* Boards
   /* ------------------------------------------------------------------------ */
 
   .filters,
@@ -181,7 +181,7 @@
   .card__meta-avatars--assignees > div > div:last-child,
   .steps > .step:last-child,
   div:has(> .tag-picker__button),
-  div:has(> .collection-picker__button),
+  div:has(> .board-picker__button),
   .delete-card,
   .header--card .header__title {
     display: none;

app/assets/stylesheets/icons.css

@@ -314,7 +314,7 @@
       padding-block-end: 0;
     }
 
-    .card__collection {
+    .card__board {
       padding-block: 0.25ch;
     }