regression: red and green color backgrounds (#8456)
This commit is contained in:
parent
2980c2d76b
commit
6cc5c1946a
42 changed files with 86 additions and 177 deletions
|
|
@ -90,7 +90,7 @@ export function BubbleMenuLinkSelector(props: Props) {
|
|||
{editor.getAttributes("link").href ? (
|
||||
<button
|
||||
type="button"
|
||||
className="grid place-items-center rounded-xs p-1 text-danger-primary hover:bg-danger-primary transition-all"
|
||||
className="grid place-items-center rounded-xs p-1 text-danger-primary hover:bg-danger-subtle-hover transition-all"
|
||||
onClick={(e) => {
|
||||
unsetLinkEditor(editor);
|
||||
e.stopPropagation();
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ export function CodeBlockComponent({ node }: Props) {
|
|||
className={cn(
|
||||
"group/button hidden group-hover/code:flex items-center justify-center absolute top-2 right-2 z-10 size-8 rounded-md bg-layer-1 border border-subtle transition duration-150 ease-in-out backdrop-blur-sm",
|
||||
{
|
||||
"bg-success-primary hover:bg-success-primary active:bg-success-primary": copied,
|
||||
"bg-success-subtle hover:bg-success-subtle-1 active:bg-success-subtle-1": copied,
|
||||
}
|
||||
)}
|
||||
onClick={copyToClipboard}
|
||||
|
|
|
|||
|
|
@ -168,7 +168,8 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
|
|||
[uploadFile, editor, getPos]
|
||||
);
|
||||
|
||||
const isErrorState = failedToLoadImage || hasDuplicationFailed;
|
||||
// const isErrorState = failedToLoadImage || hasDuplicationFailed;
|
||||
const isErrorState = true;
|
||||
|
||||
const borderColor =
|
||||
selected && editor.isEditable && !isErrorState
|
||||
|
|
@ -212,10 +213,10 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
|
|||
"bg-layer-3-hover text-secondary": draggedInside && editor.isEditable && !isErrorState,
|
||||
"text-accent-secondary bg-accent-primary/10 hover:bg-accent-primary/10 hover:text-accent-secondary":
|
||||
selected && editor.isEditable && !isErrorState,
|
||||
"text-danger-primary cursor-default": isErrorState,
|
||||
"hover:text-danger-primary hover:bg-danger-primary": isErrorState && editor.isEditable,
|
||||
"bg-danger-primary": isErrorState && selected,
|
||||
"hover:bg-danger-primary": isErrorState && selected && editor.isEditable,
|
||||
"text-danger-primary bg-danger-subtle cursor-default": isErrorState,
|
||||
"hover:text-danger-primary hover:bg-danger-subtle-hover": isErrorState && editor.isEditable,
|
||||
"bg-danger-subtle-selected": isErrorState && selected,
|
||||
"hover:bg-danger-subtle-active": isErrorState && selected && editor.isEditable,
|
||||
}
|
||||
)}
|
||||
style={borderColor ? { borderColor } : undefined}
|
||||
|
|
@ -236,9 +237,9 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
|
|||
type="button"
|
||||
onClick={handleRetryClick}
|
||||
className={cn(
|
||||
"flex items-center gap-1 px-2 py-1 font-medium text-danger-primary rounded-md transition-all duration-200 ease-in-out hover:bg-danger-primary hover:text-danger-primary",
|
||||
"flex items-center gap-1 px-2 py-1 font-medium text-danger-primary rounded-md transition-all duration-200 ease-in-out hover:bg-danger-subtle-hover",
|
||||
{
|
||||
"hover:bg-danger-primary": selected,
|
||||
"hover:bg-danger-subtle-hover": selected,
|
||||
}
|
||||
)}
|
||||
title="Retry duplication"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue