style-fix: scale up preffis icons in table

GoogleChromeLabs · Feb 20, 2024 · a7dc3a1 · a7dc3a1
1 parent bd1624b
commit a7dc3a1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/packages/design-system/src/components/cookieDetails/details.tsx b/packages/design-system/src/components/cookieDetails/details.tsx
@@ -119,9 +119,10 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
         !hasValidBlockedReason &&
         isUsingCDP && (
           <div className="flex gap-1 items-center mb-4">
-            <QuestionMark />
+            <QuestionMark className="scale-150 mr-1" />
             <p className="text-outer-space-crayola dark:text-bright-gray">
-              We could not identify this cookie&apos;s blocking status.
+              We detected that the cookie was blocked however we could not
+              detect the reason.
             </p>
             <br />
           </div>
@@ -133,7 +134,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
         hasValidBlockedReason &&
         isUsingCDP && (
           <div className="flex gap-1 items-center my-4">
-            <InboundIcon className="stroke-[#FE8455]" />
+            <InboundIcon className="stroke-[#FE8455] scale-150" />
             <p className="text-outer-space-crayola dark:text-bright-gray">
               This cookie was blocked in at least one of the responses.
             </p>
@@ -147,7 +148,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
         hasValidBlockedReason &&
         isUsingCDP && (
           <div className="flex gap-1 items-center my-4">
-            <InboundIcon className="stroke-[#D8302F]" />
+            <InboundIcon className="stroke-[#D8302F] scale-150" />
             <p className="text-outer-space-crayola dark:text-bright-gray">
               This cookie was blocked in all responses.
             </p>
@@ -161,7 +162,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
         hasValidBlockedReason &&
         isUsingCDP && (
           <div className="flex gap-1 items-center my-4">
-            <OutboundIcon className="stroke-[#FE8455]" />
+            <OutboundIcon className="stroke-[#FE8455] scale-150" />
             <p className="text-outer-space-crayola dark:text-bright-gray">
               This cookie was blocked in at least one of the requests.
             </p>
@@ -175,7 +176,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
         hasValidBlockedReason &&
         isUsingCDP && (
           <div className="flex gap-1 items-center my-4">
-            <OutboundIcon className="stroke-[#D8302F]" />
+            <OutboundIcon className="stroke-[#D8302F] scale-150" />
             <p className="text-outer-space-crayola dark:text-bright-gray">
               This cookie was blocked in all requests.
             </p>

diff --git a/...ew/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx b/...ew/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx
@@ -78,16 +78,16 @@ const namePrefixIconSelector = ({ originalData }: TableRow) => {
 
   if (isInboundBlocked) {
     if (isInboundBlockedInAll) {
-      return <InboundIcon className="stroke-[#D8302F]" />;
+      return <InboundIcon className="stroke-[#D8302F] scale-150" />;
     }
-    return <InboundIcon className="stroke-[#FE8455]" />;
+    return <InboundIcon className="stroke-[#FE8455] scale-150" />;
   }
 
   if (isOutboundBlocked) {
     if (isOutboundBlockedInAll) {
-      return <OutboundIcon className="stroke-[#D8302F]" />;
+      return <OutboundIcon className="stroke-[#D8302F] scale-150" />;
     }
-    return <OutboundIcon className="stroke-[#FE8455]" />;
+    return <OutboundIcon className="stroke-[#FE8455] scale-150" />;
   }
 
   return <></>;