Add delete strike overlay and bump Harbor versions
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
export const HARBOR_VERSIONS = Object.freeze({
|
export const HARBOR_VERSIONS = Object.freeze({
|
||||||
macClient: '0.6.11',
|
macClient: '0.6.12',
|
||||||
gatewayClient: '0.6.10',
|
gatewayClient: '0.6.11',
|
||||||
gatewayBackend: '0.6.0',
|
gatewayBackend: '0.6.0',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -986,6 +986,15 @@ p {
|
|||||||
filter: drop-shadow(0 0 3px oklch(0.68 0.15 28 / 0.38));
|
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 {
|
.client-deletable-row.is-removing > .client-delete-strike {
|
||||||
animation: client-delete-strike 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
animation: client-delete-strike 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 > :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, /\.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, /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.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, /@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/);
|
assert.match(styles, /\.client-local-rule:has\(\.client-rule-type\.is-open\)[\s\S]*z-index: 5/);
|
||||||
|
|||||||
Reference in New Issue
Block a user