allaw-ui 4.0.3 → 4.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.
|
@@ -142,9 +142,10 @@ var ContactCardEdit = function (_a) {
|
|
|
142
142
|
}, disableAutofill: true }))),
|
|
143
143
|
React.createElement("div", { className: styles.infoItem },
|
|
144
144
|
React.createElement("i", { className: "allaw-icon-mail ".concat(styles.infoIcon) }),
|
|
145
|
-
React.createElement(
|
|
146
|
-
|
|
147
|
-
|
|
145
|
+
React.createElement("div", { className: styles.emailInputContainer },
|
|
146
|
+
React.createElement(Input, { title: "", placeholder: "Email", type: "email", value: editData.email, onChange: function (value) {
|
|
147
|
+
return updateEditData(function (prev) { return (__assign(__assign({}, prev), { email: value })); });
|
|
148
|
+
}, disableAutofill: true }))),
|
|
148
149
|
birthDate && (React.createElement("div", { className: styles.infoItem },
|
|
149
150
|
React.createElement("i", { className: "allaw-icon-user ".concat(styles.infoIcon) }),
|
|
150
151
|
React.createElement(Datepicker, { value: editData.birthDate, onChange: function (date) {
|
|
@@ -107,6 +107,12 @@
|
|
|
107
107
|
max-width: 160px;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
.emailInputContainer {
|
|
111
|
+
width: 160px;
|
|
112
|
+
min-width: 160px;
|
|
113
|
+
max-width: 160px;
|
|
114
|
+
}
|
|
115
|
+
|
|
110
116
|
.clientTypeSelectContainer {
|
|
111
117
|
padding-left: 0px;
|
|
112
118
|
max-width: 160px;
|
|
@@ -115,12 +121,24 @@
|
|
|
115
121
|
|
|
116
122
|
/* Media queries pour les largeurs en fonction du viewport */
|
|
117
123
|
@media (min-width: 1152px) {
|
|
124
|
+
.nameTagContainer {
|
|
125
|
+
width: 242px;
|
|
126
|
+
min-width: 242px;
|
|
127
|
+
max-width: 242px;
|
|
128
|
+
}
|
|
129
|
+
|
|
118
130
|
.phoneInputContainer {
|
|
119
131
|
width: 190px;
|
|
120
132
|
min-width: 190px;
|
|
121
133
|
max-width: 190px;
|
|
122
134
|
}
|
|
123
135
|
|
|
136
|
+
.emailInputContainer {
|
|
137
|
+
width: 200px;
|
|
138
|
+
min-width: 200px;
|
|
139
|
+
max-width: 200px;
|
|
140
|
+
}
|
|
141
|
+
|
|
124
142
|
.clientTypeSelectContainer {
|
|
125
143
|
max-width: 190px;
|
|
126
144
|
min-width: 190px;
|
|
@@ -132,6 +150,10 @@
|
|
|
132
150
|
.phoneInputContainer {
|
|
133
151
|
max-width: 100%;
|
|
134
152
|
}
|
|
153
|
+
|
|
154
|
+
.emailInputContainer {
|
|
155
|
+
max-width: 100%;
|
|
156
|
+
}
|
|
135
157
|
}
|
|
136
158
|
|
|
137
159
|
@media (max-width: 900px) {
|