From 0371ee06ce062e539afcfbd437d534556ff67c41 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Fri, 23 May 2025 10:32:12 -0500
Subject: [PATCH 1/2] Update ai-helper.scss

---
 .../modules/ai-helper/common/ai-helper.scss          | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index 60d189067..f3dc83248 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -233,18 +233,6 @@
       z-index: 1;
     }
 
-    input {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-
-  .category-chooser,
-  .mini-tag-chooser {
-    .select-kit-header {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
   }
 
   #edit-title {

From 4810ca52dcaadf88aad32a009327151acd399352 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Fri, 23 May 2025 10:42:17 -0500
Subject: [PATCH 2/2] lint

---
 .../modules/ai-helper/common/ai-helper.scss   | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index f3dc83248..5541cd90d 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .composer-ai-helper-modal {
   .text-preview,
   .inline-diff {
@@ -179,7 +181,7 @@
 
 @keyframes dot-falling {
   0% {
-    box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 9999px -15px 0 0 rgb(152, 128, 255, 0);
   }
 
   25%,
@@ -189,13 +191,13 @@
   }
 
   100% {
-    box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 9999px 15px 0 0 rgb(152, 128, 255, 0);
   }
 }
 
 @keyframes dot-falling-before {
   0% {
-    box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 9984px -15px 0 0 rgb(152, 128, 255, 0);
   }
 
   25%,
@@ -205,13 +207,13 @@
   }
 
   100% {
-    box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 9984px 15px 0 0 rgb(152, 128, 255, 0);
   }
 }
 
 @keyframes dot-falling-after {
   0% {
-    box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 10014px -15px 0 0 rgb(152, 128, 255, 0);
   }
 
   25%,
@@ -221,7 +223,7 @@
   }
 
   100% {
-    box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
+    box-shadow: 10014px 15px 0 0 rgb(152, 128, 255, 0);
   }
 }
 
@@ -232,7 +234,6 @@
     input:focus {
       z-index: 1;
     }
-
   }
 
   #edit-title {
@@ -627,7 +628,7 @@
     height: 7em;
     min-width: var(--ai-caption-popup-min-width);
 
-    @include breakpoint(tablet) {
+    @include viewport.until(md) {
       width: 100%;
       max-width: unset;
       min-width: unset;
@@ -646,7 +647,7 @@
 
       .desktop-view & {
         // a little extra space for extra narrow desktop view
-        @media screen and (max-width: 675px) {
+        @media screen and (width <= 675px) {
           span {
             display: none;
           }