search

InseeFrLab / onyxia

🔬 Data science environment for k8s
https://onyxia.sh
MIT License
458 stars 80 forks source link

Fix fuzzy text when command bar is expanded by removing borderRadius #822

Closed slim0 closed 3 months ago

slim0 commented 3 months ago

Hi,

On chrome, the text is fuzzy when the command bar is expanded. I don't know why, but removing the borderRadius resolves the issue... I didn't found a way to keep the bottom left radius...

sonarcloud[bot] commented 3 months ago

Quality Gate Passed Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

garronej commented 3 months ago

Thank you for rising the the awareness on this. And for the PR!
I'd like to find a solution that enables to keep the border radius though, I'll see what I can do.

The bluryness happen only sometime, on some screens so I'll leave it like this for the moment however you can apply this change on your instance with:

values.yaml

 CUSTOM_HTML_HEAD: |
     <script src="%PUBLIC_URL%/custom-resources/main.css"></script>

custom-resources/custom.css

[class$="-CommandBar-expandedPanel"] {
    border-radius: unset !important;
}