Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues Activity

Merge pull request #4604 from penpot/eva-fix-scrollbar-chrome

Browse source 
🐛  Fix scrollbar with on chrome after 121 release
This commit is contained in:
Aitor Moreno 2024-05-22 11:19:21 +02:00 • committed by GitHub
commit 0f181df767
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
CHANGES.md
View file

@ -1,5 +1,11 @@
# CHANGELOG # CHANGELOG
## 2.0.3
### :bug: Bugs fixed
- Fix chrome scrollbar styling [Taiga Issue #7852](https://tree.taiga.io/project/penpot/issue/7852)
## 2.0.2 ## 2.0.2
### :sparkles: Enhancements ### :sparkles: Enhancements

7
frontend/resources/styles/common/base.scss
View file

@ -28,9 +28,16 @@ body {
* { * {
box-sizing: border-box; box-sizing: border-box;
scrollbar-width: thin;
// transition: all .4s ease; // transition: all .4s ease;
} }
@-moz-document url-prefix() {
* {
scrollbar-width: auto;
}
}
.global-zeroclipboard-container { .global-zeroclipboard-container {
transition: none; transition: none;

4
frontend/resources/styles/common/refactor/basic-rules.scss
View file

@ -6,10 +6,14 @@
// SCROLLBAR // SCROLLBAR
.new-scrollbar { .new-scrollbar {
scrollbar-width: thin;
scrollbar-color: rgba(170, 181, 186, 0.3) transparent; scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
&:hover { &:hover {
scrollbar-color: rgba(170, 181, 186, 0.7) transparent; scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
} }
// These rules do not apply in chrome - 121 or higher
// We keep them to preserve backward compatibility.
::-webkit-scrollbar { ::-webkit-scrollbar {
background-color: transparent; background-color: transparent;
cursor: pointer; cursor: pointer;