Bump Harbor versions and add delete dimming animation
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
export const HARBOR_VERSIONS = Object.freeze({
|
export const HARBOR_VERSIONS = Object.freeze({
|
||||||
macClient: '0.6.13',
|
macClient: '0.6.14',
|
||||||
gatewayClient: '0.6.12',
|
gatewayClient: '0.6.13',
|
||||||
gatewayBackend: '0.6.0',
|
gatewayBackend: '0.6.0',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -1004,6 +1004,10 @@ p {
|
|||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.client-deletable-row.is-removing > :not(.client-delete-strike):not(.client-local-rule-enabled) {
|
||||||
|
animation: client-delete-content-dim 820ms ease-out both;
|
||||||
|
}
|
||||||
|
|
||||||
.client-deletable-row.is-removing > .client-local-rule-enabled {
|
.client-deletable-row.is-removing > .client-local-rule-enabled {
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
color: oklch(0.68 0.15 28);
|
color: oklch(0.68 0.15 28);
|
||||||
@@ -1352,6 +1356,11 @@ p {
|
|||||||
100% { opacity: 0; transform: scaleX(0); transform-origin: right center; }
|
100% { opacity: 0; transform: scaleX(0); transform-origin: right center; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes client-delete-content-dim {
|
||||||
|
0%, 42% { opacity: 1; filter: brightness(1); }
|
||||||
|
62%, 100% { opacity: 0.28; filter: brightness(0.42) saturate(0.5); }
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes client-local-rules-notice {
|
@keyframes client-local-rules-notice {
|
||||||
from { opacity: 0; filter: blur(6px); transform: translateY(-6px); }
|
from { opacity: 0; filter: blur(6px); transform: translateY(-6px); }
|
||||||
to { opacity: 1; filter: blur(0); transform: translateY(0); }
|
to { opacity: 1; filter: blur(0); transform: translateY(0); }
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ test('rule editor add latency stays constant and dirty exits are guarded', () =>
|
|||||||
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, /53%[\s\S]*transform-origin: right center[\s\S]*100%[\s\S]*scaleX\(0\)/);
|
assert.match(styles, /53%[\s\S]*transform-origin: right center[\s\S]*100%[\s\S]*scaleX\(0\)/);
|
||||||
assert.match(styles, /@keyframes client-local-rule-leave[\s\S]*translateX\(28px\)/);
|
assert.match(styles, /@keyframes client-local-rule-leave[\s\S]*translateX\(28px\)/);
|
||||||
|
assert.match(styles, /@keyframes client-delete-content-dim[\s\S]*brightness\(0\.42\)/);
|
||||||
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