@oliasoft-open-source/react-ui-library 2.4.11 → 2.4.12
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 +1 -1
- package/src/components/drawer/drawer.module.less +2 -9
- package/src/components/list/list.module.less +2 -9
- package/src/components/message/message.module.less +2 -7
- package/src/components/side-bar/side-bar.module.less +2 -7
- package/src/components/table/table.module.less +2 -0
- package/src/style/mixins.less +11 -0
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
|
+
@import '../../style/mixins.less';
|
|
2
3
|
|
|
3
4
|
:root {
|
|
4
5
|
--color-background-drawer-tabs: var(--color-neutral-50);
|
|
@@ -72,15 +73,7 @@ html[data-theme='dark'] {
|
|
|
72
73
|
background: transparent !important;
|
|
73
74
|
}
|
|
74
75
|
|
|
75
|
-
|
|
76
|
-
scrollbar-width: none;
|
|
77
|
-
/* Hide scrollbar for IE 10+ */
|
|
78
|
-
-ms-overflow-style: none;
|
|
79
|
-
|
|
80
|
-
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
81
|
-
&::-webkit-scrollbar {
|
|
82
|
-
display: none;
|
|
83
|
-
}
|
|
76
|
+
.hideScrollbars();
|
|
84
77
|
}
|
|
85
78
|
|
|
86
79
|
.toggleButton {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
|
+
@import '../../style/mixins.less';
|
|
2
3
|
|
|
3
4
|
.header .headerTitle,
|
|
4
5
|
.heading .itemHeader {
|
|
@@ -244,13 +245,5 @@
|
|
|
244
245
|
}
|
|
245
246
|
|
|
246
247
|
.hideScrollbar {
|
|
247
|
-
|
|
248
|
-
scrollbar-width: none;
|
|
249
|
-
/* Hide scrollbar for IE 10+ */
|
|
250
|
-
-ms-overflow-style: none;
|
|
251
|
-
|
|
252
|
-
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
253
|
-
&::-webkit-scrollbar {
|
|
254
|
-
display: none;
|
|
255
|
-
}
|
|
248
|
+
.hideScrollbars();
|
|
256
249
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
|
+
@import '../../style/mixins.less';
|
|
2
3
|
|
|
3
4
|
:root {
|
|
4
5
|
--color-border-message: rgba(black, 0.1);
|
|
@@ -19,14 +20,8 @@ html[data-theme='dark'] {
|
|
|
19
20
|
line-height: @line_height;
|
|
20
21
|
flex-wrap: wrap;
|
|
21
22
|
overflow-y: auto;
|
|
22
|
-
scrollbar-width: none;
|
|
23
|
-
-ms-overflow-style: none;
|
|
24
23
|
border: 1px solid var(--color-border-message);
|
|
25
|
-
|
|
26
|
-
&::-webkit-scrollbar {
|
|
27
|
-
width: 0px;
|
|
28
|
-
background: transparent;
|
|
29
|
-
}
|
|
24
|
+
.hideScrollbars();
|
|
30
25
|
|
|
31
26
|
&.block {
|
|
32
27
|
display: flex;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
|
+
@import '../../style/mixins.less';
|
|
2
3
|
|
|
3
4
|
:root {
|
|
4
5
|
--color-background-sidebar: var(--color-neutral-950);
|
|
@@ -18,13 +19,7 @@
|
|
|
18
19
|
|
|
19
20
|
.inner {
|
|
20
21
|
padding: @sidebarPadding;
|
|
21
|
-
|
|
22
|
-
-ms-overflow-style: none; /* IE 10+ */
|
|
23
|
-
|
|
24
|
-
&::-webkit-scrollbar {
|
|
25
|
-
width: 0px; /* Remove scrollbar space */
|
|
26
|
-
background: transparent; /* Optional: just make scrollbar invisible */
|
|
27
|
-
}
|
|
22
|
+
.hideScrollbars();
|
|
28
23
|
}
|
|
29
24
|
|
|
30
25
|
.title,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
|
+
@import '../../style/mixins.less';
|
|
2
3
|
@import './table.variables.less';
|
|
3
4
|
|
|
4
5
|
:root {
|
|
@@ -21,6 +22,7 @@ html[data-theme='dark'] {
|
|
|
21
22
|
display: block;
|
|
22
23
|
overflow-y: auto;
|
|
23
24
|
overflow-x: hidden;
|
|
25
|
+
.hideScrollbars();
|
|
24
26
|
|
|
25
27
|
tfoot td {
|
|
26
28
|
position: sticky;
|
package/src/style/mixins.less
CHANGED
|
@@ -66,3 +66,14 @@
|
|
|
66
66
|
background-color: var(--color-background-disabled);
|
|
67
67
|
color: var(--color-text-muted);
|
|
68
68
|
}
|
|
69
|
+
|
|
70
|
+
.hideScrollbars {
|
|
71
|
+
/* Firefox */
|
|
72
|
+
scrollbar-width: none;
|
|
73
|
+
/* IE 10+ */
|
|
74
|
+
-ms-overflow-style: none;
|
|
75
|
+
/* Chrome, Safari and Opera */
|
|
76
|
+
&::-webkit-scrollbar {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
}
|