prehistoric-systems/FMHY-SafeGuard
1
0
Fork 0
mirror of https://github.com/fmhy/FMHY-SafeGuard.git synced 2026-03-11 08:55:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Remove incorrect CSS transforms from warning banner

Browse source 
This commit resolves a visual bug where the warning banner displayed next to unsafe links on search engine results pages was rendered incorrectly, making the text unreadable.

**The Problem:**

The warning banner element had CSS `transform` properties that combined `rotate(180deg)` and `scaleX(-1)`. This combination resulted in the banner being flipped both vertically and horizontally, effectively mirroring the text and turning it upside down.

**The Solution:**

The fix removes the unnecessary and incorrect `transform`, `WebkitTransform`, and `msTransform` properties from the banner's inline styles in `src/js/content.js`. The banner's positioning and appearance are handled by other CSS properties, and these transformations were not needed for its intended function.

By removing these lines, the warning banner now displays correctly with legible text, improving the user experience and ensuring the warning is clearly communicated.

Closes #49
This commit is contained in:
Akhil Kumar Achanta 2025-08-31 14:18:21 -04:00 committed by GitHub
parent b9ca967d71
commit 4ed51cf9f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 0 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/js/content.js
View file

@ -538,9 +538,6 @@ function addWarningBanner(link) {
borderRadius: "4px",
fontSize: "12px",
display: "inline-block",
transform: "rotate(180deg) scaleX(-1) !important",
WebkitTransform: "rotate(180deg) scaleX(-1) !important",
msTransform: "rotate(180deg) scaleX(-1) !important",
position: "relative",
zIndex: "9999"
});