Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: Update scroll bar styling for components (#8819)

Browse source 
* fix: display list and container scrollbar only on hover

* Correction in Postgrest version

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
This commit is contained in:
Johnson Cherian 2024-04-19 13:18:49 +05:30 committed by GitHub
parent d686cece78
commit a36f4ced00
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 54 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
frontend/src/_styles/theme.scss
View file

@ -12737,6 +12737,59 @@ tbody {
}
}
.canvas-container {
scrollbar-color: transparent;
scrollbar-width: thin;
&::-webkit-scrollbar {
background-color: transparent;
width: 6px;
scrollbar-width: thin;
}
&::-webkit-scrollbar-track {
background-color: transparent;
scrollbar-width: thin;
}
&::-webkit-scrollbar-thumb {
background-color: transparent;
}
&:hover{
scrollbar-color: #6a727c4d;
&::-webkit-scrollbar-thumb {
background-color: #6a727c4d !important;
}
}
}
.jet-listview {
&:hover{
scrollbar-color: #6a727c4d;
&::-webkit-scrollbar-thumb {
background-color: #6a727c4d !important;
}
}
}
.dark-theme {
.canvas-container {
&:hover {
scrollbar-color: #6a727c4d;
&::-webkit-scrollbar-thumb {
background-color: #6a727c4d !important;
}
}
}
.jet-listview {
&:hover {
scrollbar-color: #6a727c4d;
&::-webkit-scrollbar-thumb {
background-color: #6a727c4d !important;
}
}
}
}
.number-input-arrow {
&:hover {
background-color: var(--interactive-overlays-fill-hover) !important;
@ -12745,4 +12798,4 @@ tbody {
&:active {
background-color: var(--interactive-overlays-fill-pressed) !important;
}
}
}