From 4b74f10179c2acd82a14182565fed258bc03f234 Mon Sep 17 00:00:00 2001
From: itsmartashub <44645238+itsmartashub@users.noreply.github.com>
Date: Tue, 13 Aug 2024 18:05:16 +0200
Subject: [PATCH] refactor(GPTs/DALLE): Update DALLE image hover btn

- Restyle the hover buttons in the DALLE image section to match the extension's theme

Changes summary:
- Updated the design of hover buttons in the DALLE image:
  - The buttons in assistant chat bubble for DALLE image are now visually align with the extension's theme, providing a cohesive user experience.
---
 src/sass/elements/_dialogs.scss     |  1 +
 src/sass/elements/_right--main.scss | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/src/sass/elements/_dialogs.scss b/src/sass/elements/_dialogs.scss
index 753e7ff..f1f4ee7 100644
--- a/src/sass/elements/_dialogs.scss
+++ b/src/sass/elements/_dialogs.scss
@@ -481,6 +481,7 @@
 		.text-sm.text-gray-300 {
 			color: var(--c-accent) !important;
 			font-weight: bold;
+			text-transform: uppercase;
 		}
 
 		// border: 2px solid red !important;
diff --git a/src/sass/elements/_right--main.scss b/src/sass/elements/_right--main.scss
index 7c38b4f..16fc3cf 100644
--- a/src/sass/elements/_right--main.scss
+++ b/src/sass/elements/_right--main.scss
@@ -382,6 +382,30 @@ main [data-testid^='conversation-turn-'] {
 				border-radius: var(--br-contextmenu) !important;
 			}
 		}
+
+
+		/* DALLE Image hover buttons - 👍👎  */
+		.group\/dalle-image.aspect-square {
+
+			.group-hover\/dalle-image\:visible.absolute {
+				button {
+					background-color: var(--c-on-accent) !important;
+					color: var(--c-accent) !important;
+					opacity: .8;
+
+					svg {
+						color: currentColor !important;
+						transition: none !important;
+					}
+
+					&:hover {
+						opacity: 1 !important;
+						background-color: var(--c-accent) !important;
+						color: var(--c-on-accent) !important;
+					}
+				}
+			}
+		}
 	}
 }