From 8354ca0b5c5974aeb6eccdbb7142cde25105e7af Mon Sep 17 00:00:00 2001
From: manusa <marc@marcnuri.com>
Date: Thu, 25 Feb 2021 07:44:08 +0100
Subject: [PATCH] =?UTF-8?q?=E2=AC=86:=20Bump=20bulma=20to=200.9.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                      | 12 ++++++------
 package.json                           |  2 +-
 src/chrome-tabs/browser-chrome-tabs.js | 23 ++++++++++++++++++++++-
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b8c0d73f..d4536358 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1784,9 +1784,9 @@
       }
     },
     "bulma": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
-      "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
+      "integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A=="
     },
     "cache-base": {
       "version": "1.0.1",
@@ -6611,9 +6611,9 @@
       "dev": true
     },
     "preact": {
-      "version": "10.5.9",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.5.9.tgz",
-      "integrity": "sha512-X4m+4VMVINl/JFQKALOCwa3p8vhMAhBvle0hJ/W44w/WWfNb2TA7RNicDV3K2dNVs57f61GviEnVLiwN+fxiIg=="
+      "version": "10.5.12",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.5.12.tgz",
+      "integrity": "sha512-r6siDkuD36oszwlCkcqDJCAKBQxGoeEGytw2DGMD5A/GGdu5Tymw+N2OBXwvOLxg6d1FeY8MgMV3cc5aVQo4Cg=="
     },
     "prelude-ls": {
       "version": "1.2.1",
diff --git a/package.json b/package.json
index ebd49612..fcfd10d0 100644
--- a/package.json
+++ b/package.json
@@ -151,7 +151,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.1",
     "axios": "^0.21.1",
-    "bulma": "^0.9.1",
+    "bulma": "^0.9.2",
     "chrome-tabs": "^5.4.0",
     "dictionary-ca": "^2.1.1",
     "dictionary-ca-valencia": "^2.3.0",
diff --git a/src/chrome-tabs/browser-chrome-tabs.js b/src/chrome-tabs/browser-chrome-tabs.js
index be6a28f1..7d21f19c 100644
--- a/src/chrome-tabs/browser-chrome-tabs.js
+++ b/src/chrome-tabs/browser-chrome-tabs.js
@@ -141,6 +141,27 @@ const NotificationIcon = ({disableNotifications = false}) => disableNotification
   </div>
 `;
 
+const BackgroundSvgGeometryLeft = ({...props}) => html`
+  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214 36" ...${props}>
+    <path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z"/>
+    <clipPath id="crop"><rect class="mask" width="100%" height="100%" x="0"></rect></clipPath>
+  </svg>
+`;
+
+const BackgroundSvg = () => html`
+    <svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+        <svg width="52%" height="100%">
+            <${BackgroundSvgGeometryLeft} width="214" height="36" class="chrome-tab-geometry" />
+        </svg>
+        <g transform="scale(-1, 1)">
+            <svg width="52%" height="100%" x="-100%" y="0">
+                <${BackgroundSvgGeometryLeft} width="214" height="36" class="chrome-tab-geometry" />
+            </svg>
+        </g>
+    </svg>
+`;
+
+
 const Tab = ({dispatch, numberOfTabs, idx, id, active, offsetX = 0, title, url, width, ...rest}) => {
   const tabClick = () => {
     if (active !== true) {
@@ -185,7 +206,7 @@ const Tab = ({dispatch, numberOfTabs, idx, id, active, offsetX = 0, title, url,
     <div class="chrome-tab" ...${props}>
       <div class="chrome-tab-dividers"></div>
       <div class="chrome-tab-background">
-        <svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><symbol id="chrome-tab-geometry-left" viewBox="0 0 214 36"><path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z"/></symbol><symbol id="chrome-tab-geometry-right" viewBox="0 0 214 36"><use xlink:href="#chrome-tab-geometry-left"/></symbol><clipPath id="crop"><rect class="mask" width="100%" height="100%" x="0"/></clipPath></defs><svg width="52%" height="100%"><use xlink:href="#chrome-tab-geometry-left" width="214" height="36" class="chrome-tab-geometry"/></svg><g transform="scale(-1, 1)"><svg width="52%" height="100%" x="-100%" y="0"><use xlink:href="#chrome-tab-geometry-right" width="214" height="36" class="chrome-tab-geometry"/></svg></g></svg>
+        <${BackgroundSvg} />
       </div>
       <div class="chrome-tab-content">
         <${Favicon} ...${rest}/>