@ifsworld/granite-components 2.1.2 → 2.2.0
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/bundles/ifsworld-granite-components.umd.js +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js.map +1 -1
- package/esm2015/lib/menu/menu.component.js +1 -1
- package/esm2015/lib/menu/menu.component.metadata.json +1 -1
- package/fesm2015/ifsworld-granite-components.js +1 -1
- package/ifsworld-granite-components.metadata.json +1 -1
- package/package.json +1 -1
- package/src/lib/core/style/_mixins.scss +5 -17
package/package.json
CHANGED
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
* Scrollbars are hidden by default and appears when element is hovered,
|
|
338
338
|
* unless `$autoHide` parameter is supplied as `false`.
|
|
339
339
|
*/
|
|
340
|
-
@mixin themedVerticalScroll($autoHide: true) {
|
|
340
|
+
@mixin themedVerticalScroll($autoHide: true, $width: --granite-spacing-xs) {
|
|
341
341
|
overflow-x: hidden;
|
|
342
342
|
|
|
343
343
|
@if $autoHide {
|
|
@@ -352,28 +352,16 @@
|
|
|
352
352
|
|
|
353
353
|
// Custom look on the vertical scrollbar
|
|
354
354
|
&::-webkit-scrollbar {
|
|
355
|
-
width:
|
|
355
|
+
width: var($width);
|
|
356
356
|
}
|
|
357
357
|
|
|
358
358
|
&::-webkit-scrollbar-thumb {
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
--fnd-theme-scrollbar-thumb-background-color
|
|
362
|
-
);
|
|
363
|
-
|
|
364
|
-
&:hover {
|
|
365
|
-
@include fnd-theme(
|
|
366
|
-
background-color,
|
|
367
|
-
--fnd-theme-scrollbar-thumb-hover-background-color
|
|
368
|
-
);
|
|
369
|
-
}
|
|
359
|
+
background-color: var(--granite-color-border-hard);
|
|
360
|
+
border-radius: calc(#{var(--granite-spacing-m)} * 0.125);
|
|
370
361
|
}
|
|
371
362
|
|
|
372
363
|
&::-webkit-scrollbar-track {
|
|
373
|
-
|
|
374
|
-
background-color,
|
|
375
|
-
--fnd-theme-record-selector-scrollbar-track-background-color
|
|
376
|
-
);
|
|
364
|
+
background-color: var(--granite-color-background-hover);
|
|
377
365
|
}
|
|
378
366
|
}
|
|
379
367
|
|