@vectara/vectara-ui 20.3.1 → 20.3.3
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.
|
@@ -2,9 +2,12 @@ $tableResponsiveBreakpointMedium: 800px;
|
|
|
2
2
|
$tableResponsiveBreakpointSmall: 500px;
|
|
3
3
|
|
|
4
4
|
.vuiTableWrapper {
|
|
5
|
+
// Needed for responsive styles.
|
|
5
6
|
container-type: inline-size;
|
|
6
7
|
width: 100%;
|
|
7
8
|
position: relative;
|
|
9
|
+
// Enable horizontal scrolling for tables that are too wide for their container.
|
|
10
|
+
overflow-x: auto;
|
|
8
11
|
}
|
|
9
12
|
|
|
10
13
|
// Enable nesting tables inside other tables as expandable content.
|
|
@@ -125,7 +128,7 @@ $tableResponsiveBreakpointSmall: 500px;
|
|
|
125
128
|
padding-bottom: $sizeM;
|
|
126
129
|
border: none;
|
|
127
130
|
border-radius: $sizeXs;
|
|
128
|
-
|
|
131
|
+
border: 1px solid var(--vui-color-border-light);
|
|
129
132
|
margin-bottom: $sizeS;
|
|
130
133
|
|
|
131
134
|
&.vuiTableRow--expanded {
|
package/lib/styles/index.css
CHANGED
|
@@ -5808,6 +5808,7 @@ h2.react-datepicker__current-month {
|
|
|
5808
5808
|
container-type: inline-size;
|
|
5809
5809
|
width: 100%;
|
|
5810
5810
|
position: relative;
|
|
5811
|
+
overflow-x: auto;
|
|
5811
5812
|
}
|
|
5812
5813
|
|
|
5813
5814
|
.vuiTableRowExpandedContent__cell > .vuiTableWrapper {
|
|
@@ -5908,7 +5909,7 @@ h2.react-datepicker__current-month {
|
|
|
5908
5909
|
padding-bottom: 16px;
|
|
5909
5910
|
border: none;
|
|
5910
5911
|
border-radius: 8px;
|
|
5911
|
-
|
|
5912
|
+
border: 1px solid var(--vui-color-border-light);
|
|
5912
5913
|
margin-bottom: 12px;
|
|
5913
5914
|
}
|
|
5914
5915
|
.vuiTable--responsive > tbody > tr:not(.vuiTableRowExpandedContent).vuiTableRow--expanded {
|