@visns-studio/visns-components 5.0.3 → 5.0.5
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/crm/AsyncSelect.jsx +121 -15
- package/src/components/crm/DataGrid.jsx +25 -5
- package/src/components/crm/Field.jsx +163 -147
- package/src/components/crm/Form.jsx +19 -15
- package/src/components/crm/MultiSelect.jsx +82 -26
- package/src/components/crm/auth/styles/Login.module.scss +4 -3
- package/src/components/crm/auth/styles/Profile.module.scss +55 -13
- package/src/components/crm/generic/GenericDetail.jsx +95 -14
- package/src/components/crm/generic/styles/GenericDetail.module.scss +179 -121
- package/src/components/crm/generic/styles/GenericDynamic.module.scss +27 -20
- package/src/components/crm/generic/styles/GenericIndex.module.scss +1 -1
- package/src/components/crm/styles/DataGrid.module.scss +2 -3
- package/src/components/crm/styles/Field.module.scss +13 -11
- package/src/components/crm/styles/Form.module.scss +1 -1
- package/src/components/crm/styles/Navigation.module.scss +12 -10
- package/src/components/styles/global.css +62 -3
|
@@ -13,6 +13,7 @@ body {
|
|
|
13
13
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
14
14
|
height: 100%;
|
|
15
15
|
text-rendering: geometricPrecision;
|
|
16
|
+
font-stretch: 75% 125%;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
body {
|
|
@@ -20,10 +21,9 @@ body {
|
|
|
20
21
|
font-weight: var(--para-weight);
|
|
21
22
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
22
23
|
font-style: normal;
|
|
23
|
-
letter-spacing: 0.018em;
|
|
24
24
|
overflow-x: hidden;
|
|
25
25
|
overscroll-behavior: none;
|
|
26
|
-
font-size:
|
|
26
|
+
font-size: 0.85rem;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
input,
|
|
@@ -101,6 +101,7 @@ input[type]:not([type='search']):not([type='url']):not([type='hidden']):not(
|
|
|
101
101
|
transition: border 0.15s linear;
|
|
102
102
|
width: 100%;
|
|
103
103
|
line-height: 1;
|
|
104
|
+
font-size: 0.85rem;
|
|
104
105
|
|
|
105
106
|
&:focus {
|
|
106
107
|
border: 1px solid var(--primary-color);
|
|
@@ -126,10 +127,68 @@ input[type]:not([type='search']):not([type='url']):not([type='hidden']):not(
|
|
|
126
127
|
max-height: 150px;
|
|
127
128
|
overflow-y: auto;
|
|
128
129
|
|
|
129
|
-
|
|
130
130
|
ul {
|
|
131
131
|
font-size: 1rem;
|
|
132
132
|
padding: 0;
|
|
133
133
|
margin: 0;
|
|
134
134
|
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.vs-datagrid--row:hover {
|
|
138
|
+
.InovuaReactDataGrid__row-cell-wrap {
|
|
139
|
+
background: rgb(240, 240, 240) !important;
|
|
140
|
+
cursor: pointer;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.InovuaReactDataGrid {
|
|
145
|
+
color: var(--paragraph-color) !important;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.InovuaReactDataGrid__header {
|
|
149
|
+
color: var(--primary-color) !important;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.InovuaReactDataGrid__row-hover-target:hover {
|
|
153
|
+
color: var(--paragraph-color) !important;
|
|
154
|
+
background: rgb(240, 240, 240) !important;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.InovuaReactDataGrid__row:hover {
|
|
158
|
+
cursor: pointer;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
/* Async Select */
|
|
162
|
+
|
|
163
|
+
.visns-select__control {
|
|
164
|
+
width: 100%;
|
|
165
|
+
cursor: default;
|
|
166
|
+
min-height: 50px;
|
|
167
|
+
outline: 0 !important;
|
|
168
|
+
position: relative;
|
|
169
|
+
-webkit-transition: all 100ms;
|
|
170
|
+
transition: all 100ms;
|
|
171
|
+
background-color: hsl(0, 0%, 100%);
|
|
172
|
+
border-color: hsl(0, 0%, 80%);
|
|
173
|
+
border-radius: 4px;
|
|
174
|
+
border-style: solid;
|
|
175
|
+
border-width: 1px;
|
|
176
|
+
box-sizing: border-box;
|
|
177
|
+
box-shadow: none !important;
|
|
178
|
+
|
|
179
|
+
&--is-focused {
|
|
180
|
+
border-color: var(--primary-color) !important;
|
|
181
|
+
box-shadow: none !important;
|
|
182
|
+
border-width: 1px !important;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
&--menu-is-open {
|
|
186
|
+
border-color: var(--primary-color) !important;
|
|
187
|
+
box-shadow: none !important;
|
|
188
|
+
border-width: 1px !important;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.visns-select__menu {
|
|
193
|
+
z-index: 999 !important;
|
|
135
194
|
}
|