177fa3c cobalt.css: fix blurry text on modal contents
📊 Changes
1 file changed (+1 additions, -1 deletions)
View changed files
📝src/front/cobalt.css (+1 -1)
📄 Description
For some reason, chromium-based browsers show blurry contents inside #popup-content divs with a double valued border-radius. It doesn't happen on Firefox.
Screenshots
(before, in prod)
(after, with fix)
(firefox is fine)
Safari still renders blurry text, though this border-radius PR does not fix it.
The translate of the transform property from the .center class is the culprit, as you can see in the two screenshots below. This might need more time to fix, that's why I didn't look into it yet. This little PR will already fix this issue for most users though.
Screenshots
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.
## 📋 Pull Request Information
**Original PR:** https://github.com/imputnet/cobalt/pull/309
**Author:** [@busybox11](https://github.com/busybox11)
**Created:** 1/8/2024
**Status:** ✅ Merged
**Merged:** 1/8/2024
**Merged by:** [@wukko](https://github.com/wukko)
**Base:** `current` ← **Head:** `current`
---
### 📝 Commits (1)
- [`177fa3c`](https://github.com/imputnet/cobalt/commit/177fa3c150adf9dc4b081644e40a1ef67120325b) cobalt.css: fix blurry text on modal contents
### 📊 Changes
**1 file changed** (+1 additions, -1 deletions)
<details>
<summary>View changed files</summary>
📝 `src/front/cobalt.css` (+1 -1)
</details>
### 📄 Description
For some reason, chromium-based browsers show blurry contents inside `#popup-content` divs with a double valued border-radius. It doesn't happen on Firefox.
<details>
<summary>Screenshots</summary>
> (before, in prod)
---
> (after, with fix)
---
> (firefox is fine)
</details>
Safari still renders blurry text, though this border-radius PR does not fix it.
The `translate` of the `transform` property from the `.center` class is the culprit, as you can see in the two screenshots below. This might need more time to fix, that's why I didn't look into it yet. This little PR will already fix this issue for most users though.
<details>
<summary>Screenshots</summary>
---
</details>
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/imputnet/cobalt/pull/309
Author: @busybox11
Created: 1/8/2024
Status: ✅ Merged
Merged: 1/8/2024
Merged by: @wukko
Base:
current← Head:current📝 Commits (1)
177fa3ccobalt.css: fix blurry text on modal contents📊 Changes
1 file changed (+1 additions, -1 deletions)
View changed files
📝
src/front/cobalt.css(+1 -1)📄 Description
For some reason, chromium-based browsers show blurry contents inside
#popup-contentdivs with a double valued border-radius. It doesn't happen on Firefox.Screenshots
Safari still renders blurry text, though this border-radius PR does not fix it.
The
translateof thetransformproperty from the.centerclass is the culprit, as you can see in the two screenshots below. This might need more time to fix, that's why I didn't look into it yet. This little PR will already fix this issue for most users though.Screenshots
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.