Expose work delete action in UI
This commit is contained in:
@@ -2044,7 +2044,14 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.creation-work-card__share-button {
|
||||
.creation-work-card__quick-actions {
|
||||
display: inline-flex;
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
gap: 0.12rem;
|
||||
}
|
||||
|
||||
.creation-work-card__quick-action-button {
|
||||
display: inline-flex;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
@@ -2061,17 +2068,32 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
|
||||
transform 160ms ease;
|
||||
}
|
||||
|
||||
.creation-work-card__share-button:hover {
|
||||
.creation-work-card__quick-action-button:hover {
|
||||
transform: translateY(-1px);
|
||||
background: color-mix(in srgb, var(--platform-cool-bg) 24%, transparent);
|
||||
color: var(--platform-cool-text);
|
||||
}
|
||||
|
||||
.creation-work-card__share-button:focus-visible {
|
||||
.creation-work-card__quick-action-button:focus-visible {
|
||||
outline: 2px solid var(--platform-cool-border);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.creation-work-card__quick-action-button--danger {
|
||||
color: color-mix(in srgb, #c7653d 78%, var(--platform-text-soft));
|
||||
}
|
||||
|
||||
.creation-work-card__quick-action-button--danger:hover {
|
||||
background: color-mix(in srgb, #c7653d 18%, transparent);
|
||||
color: #a9472c;
|
||||
}
|
||||
|
||||
.creation-work-card__quick-action-button:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.62;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.creation-work-card__meta {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
|
||||
Reference in New Issue
Block a user