From 040e31f78a0992c980692837a4f299665e03862f Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Thu, 2 Mar 2023 19:15:38 -0500
Subject: [PATCH] [FIX]: Moved webkit styles for custom scrollbar for chrome
browsers
---
.../components/file-mosaic/FileMosaic.scss | 25 ++++++++++---------
1 file changed, 13 insertions(+), 12 deletions(-)
diff --git a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss
index ecea57c..78bf294 100644
--- a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss
+++ b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss
@@ -93,6 +93,19 @@
text-align: left;
scrollbar-width: thin;
+ &::-webkit-scrollbar {
+ width: 9px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: transparent;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: #646c7fa9;
+ border-radius: 20px;
+ border: transparent;
+ }
line-height: 1.5;
letter-spacing: 0.02857em;
font-family: "Poppins", sans-serif;
@@ -123,19 +136,7 @@
}
///
- &::-webkit-scrollbar {
- width: 9px;
- }
- &::-webkit-scrollbar-track {
- background: transparent;
- }
-
- &::-webkit-scrollbar-thumb {
- background-color: #646c7fa9;
- border-radius: 20px;
- border: transparent;
- }
}
.files-ui-file-mosaic-file-name {
--
GitLab