Bug: Remove unnecessary z-index on OpenSSF score card I want this now button

[nickytonline]

Remove the z-index from the <OssfChart /> components "I want this now!" button JSX and move the JSX below the <ResponsiveContainer /> component.

            <div className="relative w-full !max-w-[14rem] lg:max-w-full lg:mx-auto h-full lg:max-h-24 xl:h-full">
-              {isError && (
-                <div className="absolute inset-0 z-50 flex items-center justify-center">
-                  <Button variant="primary" onClick={onRequestClick} className="!text-xs">
-                    I want this now!
-                  </Button>
-                </div>
-              )}
              <ResponsiveContainer width="100%" height={150} className={`${isError && "blur-[2.5px]"}`}>...
              </ResponsiveContainer>
+              {isError && (
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <Button variant="primary" onClick={onRequestClick} className="!text-xs">
+                    I want this now!
+                  </Button>
+                </div>
+              )}
            </div>

The file where the changes should be made is https://github.com/open-sauced/app/blob/beta/components/Repositories/OssfChart.tsx

zindices.mp4

Some additional reading for those interested:

• Stacking Contexts
• z-index

[github-actions]

Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label.

To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take". If you have any questions, please comment on this issue.

For full info on how to contribute, please check out our contributors guide.

[ryandotfurrer]

Feel free to assign this to me, I'll get it done tonight or tomorrow night.

[ryandotfurrer]

.take

[open-sauced]

🎉 This issue has been resolved in version 2.61.0-beta.13 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[open-sauced]

🎉 This issue has been resolved in version 2.61.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀