From 746e86ca14b798e5b3bc97ab0780c483d28017e0 Mon Sep 17 00:00:00 2001
From: GAETAN BOIS <65152-gbois@users.noreply.drupalcode.org>
Date: Thu, 9 May 2024 00:18:28 +0000
Subject: [PATCH] Issue #3293977 by jonblatho, gbois, pontus.talvikarhu,
rkoller, fjgarlin, chrisfromredfin: Adjust the chip design to the Drupal
Design system
---
css/pb.css | 13 +++++++------
images/chip-close-icon.svg | 3 +++
images/white-close-icon.svg | 4 ----
sveltejs/public/build/bundle.js | Bin 104403 -> 104402 bytes
sveltejs/public/build/bundle.js.map | Bin 248744 -> 248743 bytes
sveltejs/src/Search/FilterApplied.svelte | 2 +-
6 files changed, 11 insertions(+), 11 deletions(-)
create mode 100644 images/chip-close-icon.svg
delete mode 100644 images/white-close-icon.svg
diff --git a/css/pb.css b/css/pb.css
index 39a52dfd1..e54c0909d 100644
--- a/css/pb.css
+++ b/css/pb.css
@@ -540,16 +540,17 @@
width: auto;
height: auto;
margin-inline-end: 10px;
- padding: 10px;
+ padding: 10px 12px;
word-wrap: break-word;
- color: white;
+ color: #232429;
border-radius: 25px;
- background: #013cc5;
+ background: #d3d4d9;
font-size: 0.875rem;
+ font-weight: 700;
}
.filter-applied__button-close {
display: inline-flex;
- margin-inline-start: 10px;
+ margin-inline-start: 8px;
padding: 0;
cursor: pointer;
border: none;
@@ -558,8 +559,8 @@
box-shadow: none;
}
.filter-applied__button-close > img {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
transform: scale(1.4);
}
diff --git a/images/chip-close-icon.svg b/images/chip-close-icon.svg
new file mode 100644
index 000000000..25e211763
--- /dev/null
+++ b/images/chip-close-icon.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1C4.129 1 1 4.129 1 8C1 11.871 4.129 15 8 15C11.871 15 15 11.871 15 8C15 4.129 11.871 1 8 1ZM11.5 10.513L10.513 11.5L8 8.987L5.487 11.5L4.5 10.513L7.013 8L4.5 5.487L5.487 4.5L8 7.013L10.513 4.5L11.5 5.487L8.987 8L11.5 10.513Z" fill="#55565B"/>
+</svg>
diff --git a/images/white-close-icon.svg b/images/white-close-icon.svg
deleted file mode 100644
index 15254597c..000000000
--- a/images/white-close-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.83008 4L12.8301 12M12.8301 4L4.83008 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="8.83008" cy="8" r="7.75" stroke="white" stroke-width="0.5"/>
-</svg>
diff --git a/sveltejs/public/build/bundle.js b/sveltejs/public/build/bundle.js
index 4348c7bd039741576ae7d91c06b8dc00e6be596a..cd939559ec35dcbefe131d1158188b4bc2d59aad 100644
GIT binary patch
delta 23
fcmcb-p6$|lwhgvEEXf&}1<g)A+nszECwc<_cuol<
delta 24
gcmcb#p6&8_whgvEtmPS*C8^DhKHD9A7$<rI0E2W1pa1{>
diff --git a/sveltejs/public/build/bundle.js.map b/sveltejs/public/build/bundle.js.map
index 4a73ce0a9bd8847b909b460e886c9c79258278cb..91d231e65388fc330b4c268bf17801817209914c 100644
GIT binary patch
delta 61
zcmZ26oqzds{)R1#tpzN}8JPv`T?LHWy9$^zjxnZBKj_RXIsJ?obErVJYi5*=tD~c%
Rhfb!mV^GC*Lv!ZxDFDkx6|evR
delta 62
zcmZ2Joqxr2{)R1#tp%**8JQ)i?VSaT+dB)GG>$Q5PCwwxEIIwO8FQ#Wu4`tLj;o`i
SqlZqWvtv-zb^~+f@+ko5m=-Sp
diff --git a/sveltejs/src/Search/FilterApplied.svelte b/sveltejs/src/Search/FilterApplied.svelte
index b0dfabe85..7524e1e8f 100644
--- a/sveltejs/src/Search/FilterApplied.svelte
+++ b/sveltejs/src/Search/FilterApplied.svelte
@@ -21,7 +21,7 @@
>{Drupal.t('Remove @filter', { '@filter': label })}</span
>
{/if}
- <img src="{FULL_MODULE_PATH}/images/white-close-icon.svg" alt="" />
+ <img src="{FULL_MODULE_PATH}/images/chip-close-icon.svg" alt="" />
</button>
</p>
{/if}
--
GitLab