@rpg-engine/long-bow 0.8.172 → 0.8.173

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpg-engine/long-bow",
3
- "version": "0.8.172",
3
+ "version": "0.8.173",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -14,11 +14,11 @@ const Container = styled.div`
14
14
 
15
15
  .rpgui-content ::-webkit-scrollbar,
16
16
  .rpgui-content::-webkit-scrollbar {
17
- width: 25px !important;
17
+ width: 12px !important;
18
18
  }
19
19
 
20
20
  .rpgui-content ::-webkit-scrollbar-track,
21
21
  .rpgui-content::-webkit-scrollbar-track {
22
- background-size: 25px 60px !important;
22
+ background-size: 12px 60px !important;
23
23
  }
24
24
  `;
@@ -294,26 +294,6 @@ const CartItems = styled.div`
294
294
  flex: 1;
295
295
  min-height: 200px;
296
296
  padding-right: 0.5rem;
297
-
298
- /* Custom scrollbar styling */
299
- &::-webkit-scrollbar {
300
- width: 8px;
301
- background-color: rgba(0, 0, 0, 0.2);
302
- border-radius: 4px;
303
- }
304
-
305
- &::-webkit-scrollbar-thumb {
306
- background-color: rgba(255, 255, 255, 0.2);
307
- border-radius: 4px;
308
-
309
- &:hover {
310
- background-color: rgba(255, 255, 255, 0.3);
311
- }
312
- }
313
-
314
- /* Firefox scrollbar styling */
315
- scrollbar-width: thin;
316
- scrollbar-color: rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0.2);
317
297
  `;
318
298
 
319
299
  const EmptyCart = styled.div`
@@ -152,9 +152,6 @@ const CardsRow = styled.div`
152
152
  overflow-x: auto;
153
153
  padding-bottom: 0.25rem;
154
154
 
155
- &::-webkit-scrollbar { height: 4px; background: rgba(0,0,0,0.2); }
156
- &::-webkit-scrollbar-thumb { background: rgba(245,158,11,0.3); border-radius: 2px; }
157
-
158
155
  @media (max-width: 950px) {
159
156
  flex-direction: column;
160
157
  overflow-x: unset;
@@ -190,9 +190,6 @@ const ItemsList = styled.div`
190
190
  max-width: 340px;
191
191
  max-height: 200px;
192
192
  overflow-y: auto;
193
-
194
- &::-webkit-scrollbar { width: 4px; background: rgba(0,0,0,0.2); }
195
- &::-webkit-scrollbar-thumb { background: rgba(245,158,11,0.3); border-radius: 2px; }
196
193
  `;
197
194
 
198
195
  const SuccessItem = styled.div`
@@ -544,7 +544,6 @@ const MainContent = styled.div`
544
544
  const TabContent = styled.div`
545
545
  flex: 1;
546
546
  overflow-y: auto;
547
- padding-right: 0.5rem;
548
547
  `;
549
548
 
550
549
  const Footer = styled.div`
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import styled from 'styled-components';
3
3
  import { Dropdown, IOptionsProps } from '../../Dropdown';
4
4
  import { SearchBar } from '../SearchBar/SearchBar';
5
- import { customScrollbarCSS } from '../CustomScrollbar';
6
5
 
7
6
  interface IScrollableContentProps<T> {
8
7
  items: T[];
@@ -128,7 +127,6 @@ const Content = styled.div<{ $gridColumns: number; $maxHeight: string }>`
128
127
  overflow-y: auto;
129
128
  overflow-x: hidden;
130
129
 
131
- ${customScrollbarCSS}
132
130
 
133
131
  &.grid {
134
132
  display: grid;