Merge pull request #1401 from basecamp/remove-maybe-background

Remove pinstripe BG

app/assets/stylesheets/card-columns.css

@@ -511,63 +511,6 @@
     }
   }
 
-  /* Pinstripes
-  /* -------------------------------------------------------------------------- */
-
-  .pinstripes {
-    --pinstripe-color: oklch(var(--lch-blue-light));
-    --pinstripe-spacing: 5px;
-
-    background: repeating-linear-gradient(
-      90deg,
-      var(--pinstripe-color),
-      var(--pinstripe-color) 1px,
-      transparent 1px,
-      transparent var(--pinstripe-spacing)
-    );
-    inset: -24px 0;
-    overflow: hidden;
-    position: absolute;
-
-    &:not(.pinstripes--alt) {
-      background-color: oklch(var(--lch-blue-lightest));
-    }
-  }
-
-  .pinstripes--alt {
-    --pinstripe-spacing: 10px; /* 2x previous spacing value */
-  }
-
-  .pinstripes__fade {
-    background: linear-gradient(to right, var(--color-canvas) 10%, transparent 20%, transparent 80%, var(--color-canvas) 90%);
-    content: "";
-    inset: 0;
-    position: absolute;
-
-    /* Fade top/bottom */
-    &:before,
-    &:after {
-      background: radial-gradient(
-        circle at center bottom,
-        transparent,
-        transparent 65%,
-        var(--color-canvas) 70%,
-        var(--color-canvas)
-      );
-      block-size: 480px;
-      inline-size: 200%;
-      content: "";
-      inset: 0;
-      position: absolute;
-      translate: -25% 0;
-    }
-
-    &:after {
-      inset-block: auto 0;
-      rotate: 180deg;
-    }
-  }
-
   /* Collection tools
   /* -------------------------------------------------------------------------- */
 
@@ -710,25 +653,4 @@
       }
     }
   }
-
-  @supports(mask: repeating-linear-gradient(black)) {
-    .card__column-name--stream:before {
-      --pinstripe-color: var(--color-canvas);
-      --pinstripe-spacing: 5px;
-
-      background: var(--color-canvas);
-      background: repeating-linear-gradient(
-        90deg,
-        var(--pinstripe-color),
-        var(--pinstripe-color) 1px,
-        transparent 1px,
-        transparent var(--pinstripe-spacing)
-      );
-      content: "";
-      inset: 0;
-      opacity: 0.35;
-      position: absolute;
-      z-index: 0;
-    }
-  }
 }

app/views/collections/columns/_pinstripes.html.erb

@@ -1,4 +0,0 @@
-<div class="pinstripes"></div>
-<div class="pinstripes pinstripes--alt">
-  <div class="pinstripes__fade"></div>
-</div>

app/views/collections/show/_stream.html.erb

@@ -2,9 +2,6 @@
   data-drag-and-drop-target="container"
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
   data-drag-and-drop-url="<%= columns_card_drops_stream_path("__id__") %>">
-
-  <%= render "collections/columns/pinstripes" %>
-
   <header class="cards__expander">
     <h2 class="cards__expander-title position-relative">Maybe?</h2>
     <%= link_to collection_columns_stream_path(collection), class: "cards__expander-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %>

app/views/public/collections/show/_considering.html.erb

@@ -1,7 +1,4 @@
 <section id="considering-cards" class="cards cards--considering">
-
-  <%= render "collections/columns/pinstripes" %>
-
   <% if page.used? %>
     <%= render partial: "cards/display/public_preview", collection: page.records, as: :card, cached: true %>
 

app/views/public/collections/show/_stream.html.erb

@@ -1,8 +1,5 @@
 <section id="the-stream" class="cards cards--considering"
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle">
-
-  <%= render "collections/columns/pinstripes" %>
-
   <header class="cards__expander">
     <h2 class="cards__expander-title position-relative"">Maybe?</h2>
   </header>