@inriver/inri 1.20.0 → 1.22.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/package.json +2 -1
- package/src/plugins/inriverQuasarComponentConfigurations.ts +6 -6
- package/src/styles/components/_checkboxes.scss +1 -1
- package/src/styles/components/_forms.scss +4 -4
- package/src/styles/components/_radio-buttons.scss +1 -1
- package/src/styles/components/_tables.scss +4 -4
- package/src/styles/components/_tree.scss +1 -1
package/package.json
CHANGED
|
@@ -2,26 +2,26 @@
|
|
|
2
2
|
// <q-input v-bind="input" />
|
|
3
3
|
|
|
4
4
|
export const input = {
|
|
5
|
-
class: 'c-input c-input--default',
|
|
5
|
+
class: 'c-inri-input c-inri-input--default',
|
|
6
6
|
outlined: true,
|
|
7
7
|
hint: '',
|
|
8
8
|
dropdownIcon: 'mdi-chevron-down',
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export const inputDense = {
|
|
12
|
-
class: 'c-input c-input--dense',
|
|
12
|
+
class: 'c-inri-input c-inri-input--dense',
|
|
13
13
|
outlined: true,
|
|
14
14
|
dense: true,
|
|
15
15
|
dropdownIcon: 'mdi-chevron-down',
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
export const checkbox = {
|
|
19
|
-
class: 'c-checkbox',
|
|
19
|
+
class: 'c-inri-checkbox',
|
|
20
20
|
dense: true,
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
export const radio = {
|
|
24
|
-
class: 'c-radio',
|
|
24
|
+
class: 'c-inri-radio',
|
|
25
25
|
dense: true,
|
|
26
26
|
checkedIcon: 'mdi-checkbox-marked-circle',
|
|
27
27
|
uncheckedIcon: 'mdi-checkbox-blank-circle-outline',
|
|
@@ -37,7 +37,7 @@ export const button = {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
export const table = {
|
|
40
|
-
class: 'c-table',
|
|
40
|
+
class: 'c-inri-table',
|
|
41
41
|
flat: true,
|
|
42
42
|
bordered: false,
|
|
43
43
|
separator: 'horizontal' as const,
|
|
@@ -51,7 +51,7 @@ export const table = {
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
export const tree = {
|
|
54
|
-
class: 'c-tree',
|
|
54
|
+
class: 'c-inri-tree',
|
|
55
55
|
noConnectors: true,
|
|
56
56
|
icon: 'mdi-chevron-right',
|
|
57
57
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.c-input {
|
|
1
|
+
.c-inri-input {
|
|
2
2
|
// Input, select etc overrides
|
|
3
3
|
&.q-field--outlined .q-field__control {
|
|
4
4
|
padding: 0 16px 0 12px;
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
// Default modifier
|
|
141
|
-
.c-input.c-input--default:not(.q-textarea) {
|
|
141
|
+
.c-inri-input.c-inri-input--default:not(.q-textarea) {
|
|
142
142
|
.q-field__control {
|
|
143
143
|
height: auto;
|
|
144
144
|
min-height: 50px;
|
|
@@ -154,12 +154,12 @@
|
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
// Rounded
|
|
157
|
-
.c-input.q-field--rounded .q-field__control {
|
|
157
|
+
.c-inri-input.q-field--rounded .q-field__control {
|
|
158
158
|
border-radius: 25px;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
// Dense modifier
|
|
162
|
-
.c-input--dense {
|
|
162
|
+
.c-inri-input--dense {
|
|
163
163
|
// Outline color
|
|
164
164
|
&.q-field--outlined .q-field__control::before {
|
|
165
165
|
border-color: var(--color-grey);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.c-table {
|
|
1
|
+
.c-inri-table {
|
|
2
2
|
th {
|
|
3
3
|
padding: 7px 12px;
|
|
4
4
|
font-size: 14px;
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
// This will align the content to the top instead of being centered
|
|
64
|
-
.c-table.align-top {
|
|
64
|
+
.c-inri-table.align-top {
|
|
65
65
|
td {
|
|
66
66
|
padding: 14px 12px 13px;
|
|
67
67
|
}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
// If the items are selectable then we want to hide the default checkboxes
|
|
75
|
-
.c-table.hide-checkboxes {
|
|
75
|
+
.c-inri-table.hide-checkboxes {
|
|
76
76
|
th:first-child,
|
|
77
77
|
td:first-child {
|
|
78
78
|
display: none;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
.c-table.with-action-buttons {
|
|
87
|
+
.c-inri-table.with-action-buttons {
|
|
88
88
|
th:last-child,
|
|
89
89
|
td:last-child {
|
|
90
90
|
border-left: 0;
|