Skip to content

Commit

Permalink
fix(floating-btn): Floating button overlapping DALL-E dialog image
Browse files Browse the repository at this point in the history
- Removed z-index from the floating button to prevent it from overlapping the DALL-E dialog image
- Ensured proper layering of elements in the dialog

Changes summary:
    - Fixed the floating button from covering the DALL-E dialog image.
  • Loading branch information
itsmartashub committed Nov 9, 2024
1 parent 246244a commit 16d416e
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 8 deletions.
23 changes: 16 additions & 7 deletions src/popup/changes.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,26 @@ let issue = (hashNumber) =>
const RELEASE_CHANGES = `
<h3>🛠️ Improvements</h3>
<ul>
<li><strong>Hint Pills: </strong>Updated the color of <code>Search</code> and <code>Picture</code> hint pills to match the theme accent</li>
<li><strong>Archived Chats & Share Links: </strong>Added hover background for better UX in tables</li>
<li><strong>Markdown & Analysis: </strong>Improve <code>Analysis</code> UI and code snippets overall</li>
<li><strong>Hint Pills: </strong>Update the blue color of <code>Search</code> and <code>Picture</code> hint pills to match the theme accent</li>
<li><strong>Archived Chats & Share Links: </strong>Add hover background for better UX in tables</li>
<li><strong>ChatGPT Model Menu: </strong>Add better styling for icons in sticky header ChatGPT models dropdown</li>
</ul>
<h3>🐛 Bug Fixes</h3>
<ul>
<li><strong>Attach Files Icon: </strong>Fixed positioning and background of the 📎 icon in prompt fields</li>
<li><strong>Popover Menu: </strong>Corrected the background of the menu that appears when typing <code>/</code> in prompt field</li>
<li><strong>GPTs @mentions: </strong>Fix broken styling for GPTs that appears when typing <code>@</code> in prompt field</li>
<li><strong>Chat Bubbles: </strong>Restored proper styles and width customization for user chat bubbles</li>
<li><strong>Language Dropdown: </strong>Fix language dropdown accessibility and styling in <code>Settings</code></li>
<li><strong>Chat Bubbles: </strong>Fix user bubble styles and width customization ${issue(70)}</li>
<li><strong>Prompt Field Delay: </strong>Fix delayed styles application on page load ${issue(74)}</li>
<li><strong>Prompt Attach Files Icon: </strong>Fix positioning and background of the 📎 icon in prompt fields ${issue(
66
)}</li>
<li><strong>Prompt Popover Menu: </strong>Fix broken styling of the menu that appears when typing <code>/</code> in prompt field ${issue(
69
)}</li>
<li><strong>Prompt GPTs @mentions: </strong>Fix broken styling for GPTs that appears when typing <code>@</code> in prompt field</li>
<li><strong>Language Dropdown: </strong>Fix language dropdown accessibility and styling in <code>Settings</code> ${issue(
72
)}</code></li>
<li><strong>Archived Chats & Share Links: </strong>Fix table sticky heading background color being transparent in scrollable tables</li>
</ul>
`
Expand Down
2 changes: 1 addition & 1 deletion src/sass/gpthemes/_gpth-floating-btn.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
position: fixed;
top: var(--top);
right: var(--right);
z-index: 10;
// z-index: 1;
transform: scale(var(--floating-scale)) rotate(var(--floating-rotate));
transition: transform 0.8s $easeInOutCirc;

Expand Down

0 comments on commit 16d416e

Please sign in to comment.