feat(topic prompt generator UI): place message closer to icon

Sefaria · Mar 17, 2024 · b70ee5e · b70ee5e
1 parent 62f27db
commit b70ee5e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -779,6 +779,11 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
   -moz-margin-start: 20px;
   margin-inline-start: 10px;
 }
+
+.ai-tooltip .header .interfaceLinks {
+  cursor: default;
+}
+
 .header .interfaceLinks img {
   height: 18px;
   width: 18px;
@@ -856,6 +861,9 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
   font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
 }
 
+.ai-tooltip img{
+  margin-bottom: -19px;
+}
 
 .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header:not(:first-child) {
   border-top: 1px solid #CCC;

diff --git a/static/js/TopicPage.jsx b/static/js/TopicPage.jsx
@@ -23,7 +23,9 @@ import {
     ToolTipped,
     SimpleLinkedBlock,
     CategoryHeader,
-    ImageWithCaption, EnglishText, HebrewText
+    ImageWithCaption,
+    EnglishText,
+    HebrewText
 } from './Misc';
 import {ContentText} from "./ContentText";
 
@@ -401,7 +403,7 @@ const AiInfoTooltip = () => {
   return (
     <div className="ai-tooltip" onMouseEnter={() => setShowMessage(true)} onMouseLeave={() => setShowMessage(false)}>
       {aiInfoIcon}
-      {(showMessage || true) && (
+      {showMessage && (
         <div className="ai-message">
           {aiMessage}
         </div>