evo/evoleasing-account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: change questionnaire z-index autocomplete

Browse Source
This commit is contained in:
merelendor 2024-04-01 17:50:55 +03:00
parent 1c35bf8c27
commit 4e0b92a59d
12 changed files with 39 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/DealsStatus/components/DealContractsSignEDO.js
View File

@ -508,7 +508,7 @@ class DealContractsSignEDO extends React.Component
placeholder="Выберите доверенность" placeholder="Выберите доверенность"
noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" }
isSearchable={ true } isSearchable={ true }
className="autocomlete autocomlete_with_indicators" className="autocomplete autocomplete_with_indicators"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ document.attorney_selected } value={ document.attorney_selected }
onChange={ (element) => { this._handle_onAttorneyChange(document.index, element) } } onChange={ (element) => { this._handle_onAttorneyChange(document.index, element) } }

2
components/EDOSign/index.js
View File

@ -496,7 +496,7 @@ class EDOSign extends React.Component
placeholder="Выберите доверенность" placeholder="Выберите доверенность"
noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" }
isSearchable={ true } isSearchable={ true }
className="autocomlete autocomlete_with_indicators" className="autocomplete autocomplete_with_indicators"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ document.attorney_selected } value={ document.attorney_selected }
onChange={ (element) => { this._handle_onAttorneyChange(document.index, element) } } onChange={ (element) => { this._handle_onAttorneyChange(document.index, element) } }

2
components/questionnaire/AddressSuggests.js
View File

@ -126,7 +126,7 @@ export default class AddressSuggests extends React.Component
const { value, disabled, required, placeholder, className } = this.props; const { value, disabled, required, placeholder, className } = this.props;
return ( return (
<div className="autocomlete" style={{ position: "relative" }}> <div className="autocomplete" style={{ position: "relative" }}>
<input type="text" <input type="text"
autoComplete="off" autoComplete="off"
style={{ width: "100%" }} style={{ width: "100%" }}

2
components/questionnaire/DocumentIssuerSuggestsInput.js
View File

@ -174,7 +174,7 @@ export default class DocumentIssuerSuggestsInput extends React.Component
const { value, disabled, required, placeholder, name, className, innerStyle } = this.props; const { value, disabled, required, placeholder, name, className, innerStyle } = this.props;
return ( return (
<div className="autocomlete" style={{ ...{ position: "relative" }, ...innerStyle, }}> <div className="autocomplete" style={{ ...{ position: "relative" }, ...innerStyle, }}>
<input type="text" <input type="text"
autoComplete="off" autoComplete="off"
style={{ width: "100%" }} style={{ width: "100%" }}

2
components/questionnaire/SuggestsInput.js
View File

@ -170,7 +170,7 @@ export default class SuggestsInput extends React.Component
const { value, disabled, required, placeholder, name, className } = this.props; const { value, disabled, required, placeholder, name, className } = this.props;
return ( return (
<div className="autocomlete" style={{ position: "relative" }}> <div className="autocomplete" style={{ position: "relative" }}>
<input type="text" <input type="text"
autoComplete="off" autoComplete="off"
style={{ width: "100%" }} style={{ width: "100%" }}

4
components/questionnaire/forms/AddressSuggestsSelect.js
View File

@ -196,7 +196,7 @@ export default class AddressSuggestsSelect extends React.Component
<AsyncSelect <AsyncSelect
inputValue={ value } inputValue={ value }
placeholder="Укажите адрес" placeholder="Укажите адрес"
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
cacheOptions={ true } cacheOptions={ true }
defaultOptions={ this.state.options } defaultOptions={ this.state.options }
@ -217,7 +217,7 @@ export default class AddressSuggestsSelect extends React.Component
//value={ value } //value={ value }
defaultInputValue={ value } defaultInputValue={ value }
placeholder="Укажите адрес" placeholder="Укажите адрес"
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
cacheOptions={ true } cacheOptions={ true }
defaultOptions={ this.state.options } defaultOptions={ this.state.options }

1
components/questionnaire/forms/DigitalCertificates.js
View File

@ -332,6 +332,7 @@ export default class DigitalCertificates extends React.Component
{ certificate.errors.indexOf("inn") > -1 ? <p className="item_desc" style={{ color: "#A8026B" }}>Не соответствует ИНН</p> : <p className="item_desc">&nbsp;</p>} { certificate.errors.indexOf("inn") > -1 ? <p className="item_desc" style={{ color: "#A8026B" }}>Не соответствует ИНН</p> : <p className="item_desc">&nbsp;</p>}
<p className="item_desc">&nbsp;</p> <p className="item_desc">&nbsp;</p>
{ certificate.errors.indexOf("date") > -1 ? <p className="item_desc" style={{ color: "#A8026B" }}>{ certificate.errors.indexOf('date') > 1 ? "Срок действия закончился" : certificate.errors.indexOf('invalid') > 1 ? "Сертификат недействителен или нарушена цепочка сертификации" : null }</p> : <p className="item_desc">&nbsp;</p>} { certificate.errors.indexOf("date") > -1 ? <p className="item_desc" style={{ color: "#A8026B" }}>{ certificate.errors.indexOf('date') > 1 ? "Срок действия закончился" : certificate.errors.indexOf('invalid') > 1 ? "Сертификат недействителен или нарушена цепочка сертификации" : null }</p> : <p className="item_desc">&nbsp;</p>}
{ certificate.errors.length === 1 && certificate.errors[0] === "invalid" && (<p className="item_desc" style={{ color: "#A8026B" }}>Сертификат недействителен или нарушена цепочка сертификации</p>) }
</div> </div>
) } ) }
</div> </div>

10
components/questionnaire/forms/Form_3_Signer/index.js
View File

@ -768,7 +768,7 @@ class Form_3_Signer extends QuestionnaireForm
placeholder="Выберите тип документа" placeholder="Выберите тип документа"
noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" }
isSearchable={ false } isSearchable={ false }
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ doctypes_personal.filter((type) => head_person.identity_document.doctype === type.value) } value={ doctypes_personal.filter((type) => head_person.identity_document.doctype === type.value) }
onChange={ (element) => this._handle_onDocumentTypeChange("head_person", element) } onChange={ (element) => this._handle_onDocumentTypeChange("head_person", element) }
@ -885,7 +885,7 @@ class Form_3_Signer extends QuestionnaireForm
placeholder="Выберите страну" placeholder="Выберите страну"
noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" }
isSearchable={ true } isSearchable={ true }
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ head_person_citizenship.code !== undefined && head_person_citizenship.code !== null ? head_person_citizenship : undefined } value={ head_person_citizenship.code !== undefined && head_person_citizenship.code !== null ? head_person_citizenship : undefined }
onChange={ (element) => { this._removeError("head_person.identity_document.citizenship"); this._handle_onCitizenshipChange(`head_person.identity_document.citizenship`, element.value) } } onChange={ (element) => { this._removeError("head_person.identity_document.citizenship"); this._handle_onCitizenshipChange(`head_person.identity_document.citizenship`, element.value) } }
@ -1278,7 +1278,7 @@ class Form_3_Signer extends QuestionnaireForm
placeholder="Выберите тип документа" placeholder="Выберите тип документа"
noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" }
isSearchable={ false } isSearchable={ false }
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ doctypes_personal.filter((type) => signatory_person.identity_document.doctype === type.value) } value={ doctypes_personal.filter((type) => signatory_person.identity_document.doctype === type.value) }
onChange={ (element) => this._handle_onDocumentTypeChange("signatory_person", element) } onChange={ (element) => this._handle_onDocumentTypeChange("signatory_person", element) }
@ -1393,7 +1393,7 @@ class Form_3_Signer extends QuestionnaireForm
<div className="form_field" style={{ zIndex: 10 }}> <div className="form_field" style={{ zIndex: 10 }}>
<label>Гражданство <sup className="required_label">*</sup></label> <label>Гражданство <sup className="required_label">*</sup></label>
<Select <Select
className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "autocomlete error" : "autocomlete" } className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "autocomplete error" : "autocomplete" }
id="signatory_person.identity_document.citizenship" id="signatory_person.identity_document.citizenship"
name="signatory_person.identity_document.citizenship" name="signatory_person.identity_document.citizenship"
options={ citizenships } options={ citizenships }
@ -1487,7 +1487,7 @@ class Form_3_Signer extends QuestionnaireForm
<div className="form_field"> <div className="form_field">
<label>Право подписи на основании <sup className="required_label">*</sup></label> <label>Право подписи на основании <sup className="required_label">*</sup></label>
<Select <Select
className={ errors.indexOf("signatory_person.signer_rule_basic") > -1 ? "autocomlete error" : "autocomlete" } className={ errors.indexOf("signatory_person.signer_rule_basic") > -1 ? "autocomplete error" : "autocomplete" }
id="signatory_person.signer_rule_basic" id="signatory_person.signer_rule_basic"
name="signatory_person.signer_rule_basic" name="signatory_person.signer_rule_basic"
options={ doctypes_corporate } options={ doctypes_corporate }

4
components/questionnaire/forms/Form_4_Shareholders/index.js
View File

@ -197,7 +197,7 @@ class ShareholderForm extends React.Component
placeholder="Выберите тип документа" placeholder="Выберите тип документа"
noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" }
isSearchable={ false } isSearchable={ false }
className="autocomlete" className="autocomplete"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ doctypes_personal.filter((type) => shareholder.identity_document.doctype === type.value) } value={ doctypes_personal.filter((type) => shareholder.identity_document.doctype === type.value) }
onChange={ (element) => { this._removeError("identity_document.doctype"); this._handle_onDocumentTypeChange(`founder_persons[${ index }]`, element); } } onChange={ (element) => { this._removeError("identity_document.doctype"); this._handle_onDocumentTypeChange(`founder_persons[${ index }]`, element); } }
@ -335,7 +335,7 @@ class ShareholderForm extends React.Component
<div className="form_field" style={{ zIndex: 10 }}> <div className="form_field" style={{ zIndex: 10 }}>
<label>Гражданство <sup className="required_label">*</sup></label> <label>Гражданство <sup className="required_label">*</sup></label>
<Select <Select
className={ errors.indexOf("identity_document.placebirth") > -1 ? "autocomlete error" : "autocomlete" } className={ errors.indexOf("identity_document.placebirth") > -1 ? "autocomplete error" : "autocomplete" }
id={ `founder_persons[${ index }].identity_document.citizenship` } id={ `founder_persons[${ index }].identity_document.citizenship` }
name={ `founder_persons[${ index }].identity_document.citizenship` } name={ `founder_persons[${ index }].identity_document.citizenship` }
options={ [ ...citizenships ] } options={ [ ...citizenships ] }

41
css/forms/style.css
View File

@ -1242,7 +1242,7 @@
.questionnaire .form_field input:not(.rw-input), .questionnaire .form_field input:not(.rw-input),
.questionnaire .form_field select, .questionnaire .form_field select,
.questionnaire .form_field .date_input_wrapper, .questionnaire .form_field .date_input_wrapper,
.questionnaire .form_field .autocomlete { .questionnaire .form_field .autocomplete {
width: calc(100% - 198px); width: calc(100% - 198px);
} }
@media all and (max-width: 1024px) { @media all and (max-width: 1024px) {
@ -1250,7 +1250,7 @@
.questionnaire .form_field input:not(.rw-input), .questionnaire .form_field input:not(.rw-input),
.questionnaire .form_field select, .questionnaire .form_field select,
.questionnaire .form_field .date_input_wrapper, .questionnaire .form_field .date_input_wrapper,
.questionnaire .form_field .autocomlete { .questionnaire .form_field .autocomplete {
width: 100%; width: 100%;
max-width: 100% !important; max-width: 100% !important;
} }
@ -1259,14 +1259,14 @@
.questionnaire .form_field input:not(.rw-input)[type="date"], .questionnaire .form_field input:not(.rw-input)[type="date"],
.questionnaire .form_field select[type="date"], .questionnaire .form_field select[type="date"],
.questionnaire .form_field .date_input_wrapper[type="date"], .questionnaire .form_field .date_input_wrapper[type="date"],
.questionnaire .form_field .autocomlete[type="date"] { .questionnaire .form_field .autocomplete[type="date"] {
width: 245px; width: 245px;
} }
.questionnaire .form_field textarea + p, .questionnaire .form_field textarea + p,
.questionnaire .form_field input:not(.rw-input) + p, .questionnaire .form_field input:not(.rw-input) + p,
.questionnaire .form_field select + p, .questionnaire .form_field select + p,
.questionnaire .form_field .date_input_wrapper + p, .questionnaire .form_field .date_input_wrapper + p,
.questionnaire .form_field .autocomlete + p { .questionnaire .form_field .autocomplete + p {
font-size: 11px; font-size: 11px;
line-height: 15px; line-height: 15px;
margin-left: 198px; margin-left: 198px;
@ -1277,7 +1277,7 @@
.questionnaire .form_field input:not(.rw-input) + p, .questionnaire .form_field input:not(.rw-input) + p,
.questionnaire .form_field select + p, .questionnaire .form_field select + p,
.questionnaire .form_field .date_input_wrapper + p, .questionnaire .form_field .date_input_wrapper + p,
.questionnaire .form_field .autocomlete + p { .questionnaire .form_field .autocomplete + p {
margin-left: 0; margin-left: 0;
} }
} }
@ -1321,35 +1321,32 @@
margin-right: 0; margin-right: 0;
max-width: 800px; max-width: 800px;
} }
.questionnaire .autocomlete { .questionnaire .autocomplete * {
z-index: 2;
}
.questionnaire .autocomlete * {
outline: none; outline: none;
box-shadow: none !important; box-shadow: none !important;
} }
.questionnaire .autocomlete .react-select__control { .questionnaire .autocomplete .react-select__control {
border-radius: 0; border-radius: 0;
border: 1px solid rgba(0, 16, 61, 0.12); border: 1px solid rgba(0, 16, 61, 0.12);
height: 40px; height: 40px;
min-height: 40px; min-height: 40px;
} }
.questionnaire .autocomlete .react-select__control.react-select__control--menu-is-open { .questionnaire .autocomplete .react-select__control.react-select__control--menu-is-open {
border-color: var(--blue); border-color: var(--blue);
} }
.questionnaire .autocomlete .react-select__control .react-select__value-container { .questionnaire .autocomplete .react-select__control .react-select__value-container {
padding: 0 12px; padding: 0 12px;
height: 100%; height: 100%;
background: #fff; background: #fff;
} }
.questionnaire .autocomlete .react-select__control .react-select__value-container .react-select__input-container { .questionnaire .autocomplete .react-select__control .react-select__value-container .react-select__input-container {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.questionnaire .autocomlete .react-select__control .react-select__indicators { .questionnaire .autocomplete .react-select__control .react-select__indicators {
display: none; display: none;
} }
.questionnaire .autocomlete .react-select__menu { .questionnaire .autocomplete .react-select__menu {
border-radius: 0; border-radius: 0;
border-width: 0px 1px 1px 1px; border-width: 0px 1px 1px 1px;
border-style: solid; border-style: solid;
@ -1360,10 +1357,10 @@
padding: 8px 12px; padding: 8px 12px;
z-index: 10; z-index: 10;
} }
.questionnaire .autocomlete .react-select__menu .react-select__menu-list { .questionnaire .autocomplete .react-select__menu .react-select__menu-list {
z-index: 10; z-index: 10;
} }
.questionnaire .autocomlete .react-select__menu .react-select__option { .questionnaire .autocomplete .react-select__menu .react-select__option {
color: #8E94A7; color: #8E94A7;
font-size: 15px; font-size: 15px;
line-height: 24px; line-height: 24px;
@ -1372,22 +1369,22 @@
padding: 0; padding: 0;
z-index: 10; z-index: 10;
} }
.questionnaire .autocomlete .react-select__menu .react-select__option:not(:last-child) { .questionnaire .autocomplete .react-select__menu .react-select__option:not(:last-child) {
margin-bottom: 8px; margin-bottom: 8px;
} }
.questionnaire .autocomlete .react-select__menu .react-select__option:hover { .questionnaire .autocomplete .react-select__menu .react-select__option:hover {
color: #000; color: #000;
} }
.questionnaire .autocomlete .react-select__menu .react-select__option.react-select__option--is-selected { .questionnaire .autocomplete .react-select__menu .react-select__option.react-select__option--is-selected {
color: var(--blue); color: var(--blue);
} }
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
.questionnaire .autocomlete .react-select__menu .react-select__option { .questionnaire .autocomplete .react-select__menu .react-select__option {
font-size: 13px; font-size: 13px;
line-height: 20px; line-height: 20px;
} }
} }
.questionnaire .autocomlete_with_indicators .react-select__control .react-select__indicators { .questionnaire .autocomplete_with_indicators .react-select__control .react-select__indicators {
display: block !important; display: block !important;
} }
.questionnaire .files_list { .questionnaire .files_list {

8
css/forms/style.less
View File

@ -1466,7 +1466,7 @@
input:not(.rw-input), input:not(.rw-input),
select, select,
.date_input_wrapper, .date_input_wrapper,
.autocomlete { .autocomplete {
width: ~"calc(100% - 198px)"; width: ~"calc(100% - 198px)";
@ -1542,9 +1542,9 @@
max-width: 800px; max-width: 800px;
} }
.autocomlete .autocomplete
{ {
z-index: 2; // z-index: 2;
* { * {
outline: none; outline: none;
box-shadow: none !important; box-shadow: none !important;
@ -1629,7 +1629,7 @@
} }
} }
.autocomlete_with_indicators .autocomplete_with_indicators
{ {
.react-select__control .react-select__control
{ {

2
pages/contract/change/components/Comparison/components/SignEDO/index.js
View File

@ -385,7 +385,7 @@ class SignEDO extends React.Component
placeholder="Выберите доверенность" placeholder="Выберите доверенность"
noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" } noOptionsMessage={ ({ inputValue }) => !inputValue ? "" :"Ничего не найдено" }
isSearchable={ true } isSearchable={ true }
className="autocomlete autocomlete_with_indicators" className="autocomplete autocomplete_with_indicators"
classNamePrefix="react-select" classNamePrefix="react-select"
value={ attorney_selected } value={ attorney_selected }
onChange={ (element) => { this._handle_onAttorneyChange(element) } } onChange={ (element) => { this._handle_onAttorneyChange(element) } }