diff --git a/src/shared/versions.js b/src/shared/versions.js index 4132118..ae938ba 100644 --- a/src/shared/versions.js +++ b/src/shared/versions.js @@ -1,6 +1,6 @@ export const HARBOR_VERSIONS = Object.freeze({ - macClient: '0.6.11', - gatewayClient: '0.6.10', + macClient: '0.6.12', + gatewayClient: '0.6.11', gatewayBackend: '0.6.0', }); diff --git a/src/web/styles.css b/src/web/styles.css index e55041e..765839b 100644 --- a/src/web/styles.css +++ b/src/web/styles.css @@ -986,6 +986,15 @@ p { filter: drop-shadow(0 0 3px oklch(0.68 0.15 28 / 0.38)); } +.client-delete-strike::before { + content: ''; + position: absolute; + inset: 32% 0; + background: oklch(0.68 0.15 28 / 0.32); + clip-path: polygon(0 46%, 20% 8%, 100% 50%, 20% 92%, 0 54%); + filter: blur(3px); +} + .client-deletable-row.is-removing > .client-delete-strike { animation: client-delete-strike 760ms cubic-bezier(0.16, 1, 0.3, 1) both; } diff --git a/test/web/rule-editor-contract.test.js b/test/web/rule-editor-contract.test.js index 4ae02c4..7f2fab5 100644 --- a/test/web/rule-editor-contract.test.js +++ b/test/web/rule-editor-contract.test.js @@ -28,6 +28,7 @@ test('rule editor add latency stays constant and dirty exits are guarded', () => assert.match(styles, /\.client-deletable-row\.is-removing > :not\(\.client-delete-strike\)[\s\S]*z-index: 0/); assert.match(styles, /\.client-deletable-row\.is-removing > \.client-local-rule-enabled[\s\S]*z-index: 101/); assert.match(styles, /clip-path: polygon\(0 24%, 100% 50%, 0 76%\)/); + assert.match(styles, /\.client-delete-strike::before[\s\S]*20% 8%[\s\S]*filter: blur\(3px\)/); assert.doesNotMatch(styles, /client-local-rule > button:last-child/); assert.match(styles, /@keyframes client-delete-strike[\s\S]*scaleX\(0\)[\s\S]*scaleX\(1\)/); assert.match(styles, /\.client-local-rule:has\(\.client-rule-type\.is-open\)[\s\S]*z-index: 5/);