@rpg-engine/long-bow 0.5.33 → 0.5.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +1 -1
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +1 -1
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/RPGUI/RPGUIScrollbar.tsx +5 -30
package/package.json
CHANGED
|
@@ -10,40 +10,15 @@ export const RPGUIScrollbar = ({ children }: IProps) => {
|
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
const Container = styled.div`
|
|
13
|
-
/*
|
|
13
|
+
/* Override RPGUI CSS */
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
::-webkit-scrollbar {
|
|
17
|
-
width: 15px; /* Width of the scrollbar */
|
|
18
|
-
background-color: rgba(
|
|
19
|
-
0,
|
|
20
|
-
0,
|
|
21
|
-
0,
|
|
22
|
-
0.2
|
|
23
|
-
); /* Background of the scrollbar track */
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
::-webkit-scrollbar-thumb {
|
|
27
|
-
background-color: darkgrey; /* Color of the scrollbar thumb */
|
|
28
|
-
border-radius: 10px; /* Rounded corners on the scrollbar thumb */
|
|
29
|
-
border: 3px solid orange; /* Creates a border around the scrollbar thumb */
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/* For Firefox */
|
|
33
|
-
scrollbar-width: auto;
|
|
34
|
-
scrollbar-color: darkgrey orange; /* thumb and track color */
|
|
35
|
-
|
|
36
|
-
/* For Internet Explorer and Edge */
|
|
37
|
-
-ms-overflow-style: scrollbar;
|
|
38
|
-
|
|
39
|
-
/* Your existing RPGUI customizations */
|
|
40
|
-
.rpgui-content ::-webkit-scrollbar {
|
|
15
|
+
.rpgui-content ::-webkit-scrollbar,
|
|
16
|
+
.rpgui-content::-webkit-scrollbar {
|
|
41
17
|
width: 25px;
|
|
42
18
|
}
|
|
43
19
|
|
|
44
|
-
.rpgui-content ::-webkit-scrollbar-track
|
|
20
|
+
.rpgui-content ::-webkit-scrollbar-track,
|
|
21
|
+
.rpgui-content::-webkit-scrollbar-track {
|
|
45
22
|
background-size: 25px 60px;
|
|
46
23
|
}
|
|
47
|
-
|
|
48
|
-
/* Add other custom styles for RPGUI scrollbar here if needed */
|
|
49
24
|
`;
|