Merge branch 'master' of github.com:merelendor/evoleasing-account
This commit is contained in:
merelendor
commit
ffa61d9619
@ -154,13 +154,13 @@ export default class Offers extends Step
|
||||
</div>
|
||||
</td>
|
||||
) }
|
||||
<td>{ offer_index + 1 }</td>
|
||||
<td>{ numeral(offer.price).format(' ., ') } ₽</td>
|
||||
<td>{ numeral(offer.first_payment_rub).format(' ., ') } ₽</td>
|
||||
<td>{ offer.first_payment_perc }%</td>
|
||||
<td>{ offer.brand_name }</td>
|
||||
<td>{ offer.model_name }</td>
|
||||
<td>{ offer.object_count }</td>
|
||||
<td data-title="№">{ offer_index + 1 }</td>
|
||||
<td data-title="Стоимость">{ numeral(offer.price).format(' ., ') } ₽</td>
|
||||
<td data-title="Первый платеж, ₽">{ numeral(offer.first_payment_rub).format(' ., ') } ₽</td>
|
||||
<td data-title="Первый платеж, %">{ offer.first_payment_perc }%</td>
|
||||
<td data-title="Марка">{ offer.brand_name }</td>
|
||||
<td data-title="Модель">{ offer.model_name }</td>
|
||||
<td data-title="Объектов лизинга">{ offer.object_count }</td>
|
||||
<td>
|
||||
<div className="docs_list" style={{ cursor: "pointer" }} onClick={ () => this._handle_onOffer(offer.quote_number) }>
|
||||
<div className="row">
|
||||
|
||||
@ -1064,19 +1064,11 @@
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.dropzone {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
height: auto;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.dropzone div p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.dropzone div p:before {
|
||||
content: attr(data-sm-text);
|
||||
display: block;
|
||||
}
|
||||
.dropzone div p span {
|
||||
display: none;
|
||||
.dropzone p {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
/* questionnaire */
|
||||
|
||||
@ -1265,23 +1265,11 @@
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
height: auto;
|
||||
flex-wrap: wrap;
|
||||
|
||||
div {
|
||||
p {
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:before {
|
||||
content: attr(data-sm-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
p {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -3962,6 +3962,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.feed {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.feed .feed_item {
|
||||
box-sizing: border-box;
|
||||
padding: 24px 16px;
|
||||
@ -5300,6 +5305,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
}
|
||||
.contractStatus_list {
|
||||
margin: 50px 0;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.contractStatus_list .list_item {
|
||||
display: flex;
|
||||
@ -5307,11 +5314,33 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
width: 100%;
|
||||
gap: 0 30px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item {
|
||||
display: block;
|
||||
padding-left: 100px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_list .list_item {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div img {
|
||||
max-width: 30px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_list .list_item div img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div p {
|
||||
font-weight: 700;
|
||||
line-height: 23px;
|
||||
@ -5321,10 +5350,29 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
justify-content: flex-start;
|
||||
gap: 0 8px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 920px) and (min-width: 769px) {
|
||||
.contractStatus_list .list_item div:first-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
max-width: 90px;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(2) {
|
||||
width: 30%;
|
||||
position: relative;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_list .list_item div:nth-child(2) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(2) p {
|
||||
cursor: pointer;
|
||||
color: var(--text_not_active);
|
||||
@ -5344,6 +5392,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
border-bottom: 6px solid transparent;
|
||||
background: #fff;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(2):before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(2):after {
|
||||
content: "";
|
||||
display: block;
|
||||
@ -5353,6 +5406,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
background-size: auto 13px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(2):after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(3) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -5361,6 +5419,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
width: 50%;
|
||||
position: relative;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(3) {
|
||||
width: 100%;
|
||||
gap: 0 12px;
|
||||
padding: 10px 20px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_list .list_item div:nth-child(3) {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(3):before {
|
||||
content: "";
|
||||
display: block;
|
||||
@ -5375,6 +5446,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
border-left: 8px solid #a499dd;
|
||||
border-bottom: 6px solid transparent;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(3):before {
|
||||
border-top: 4px solid transparent;
|
||||
border-left: 6px solid #a499dd;
|
||||
border-bottom: 4px solid transparent;
|
||||
right: auto;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
transform: rotate(90deg);
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(3):after {
|
||||
content: "";
|
||||
display: block;
|
||||
@ -5383,22 +5466,54 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
background: url("/assets/images/status/line_2.jpg") repeat-x left center;
|
||||
background-size: auto 13px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(3):after {
|
||||
background-size: auto 10px;
|
||||
position: absolute;
|
||||
left: -22px;
|
||||
right: auto;
|
||||
transform: rotate(90deg);
|
||||
width: 50px;
|
||||
height: 6px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_list .list_item div:nth-child(3):after {
|
||||
left: -17px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(4) {
|
||||
width: 130px;
|
||||
min-width: 130px;
|
||||
justify-content: flex-end;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(4) {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:nth-child(4) button {
|
||||
white-space: nowrap;
|
||||
gap: 0 8px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item div:nth-child(4) button {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item div:first-child {
|
||||
min-width: 60px;
|
||||
}
|
||||
.contractStatus_list .list_item:not(:last-child) {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_list .list_item:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.contractStatus_list .list_item:not(:last-child) div:nth-child(5) {
|
||||
/*visibility: hidden;*/
|
||||
}
|
||||
@ -5417,6 +5532,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
transition: transform 150ms ease;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal {
|
||||
margin-bottom: 30px;
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .modal_header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -5444,12 +5565,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
gap: 0 30px;
|
||||
padding: 0px 0;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div {
|
||||
gap: 0 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div:last-child .status_body .wrap {
|
||||
padding-bottom: 0;
|
||||
border: 0;
|
||||
}
|
||||
.contractStatus_modal .single_status > div:last-child > span::before {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
.contractStatus_modal .single_status > div > p {
|
||||
margin: 0;
|
||||
@ -5467,6 +5594,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div i {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-size: contain !important;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div i.status_100 {
|
||||
background: url("/assets/images/status/icon_deal_status_100.svg") no-repeat center;
|
||||
}
|
||||
@ -5572,9 +5706,25 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
z-index: -1;
|
||||
bottom: 0;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div:first-child {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div:first-child > p:first-child {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div:not(:first-child) > p:first-child {
|
||||
visibility: hidden;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div:not(:first-child) > p:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div:not(.current) img {
|
||||
filter: grayscale(1);
|
||||
}
|
||||
@ -5687,6 +5837,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header {
|
||||
gap: 0 12px;
|
||||
font-size: 12px;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header {
|
||||
flex-wrap: wrap;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .background {
|
||||
background-color: #edeff5;
|
||||
position: absolute;
|
||||
@ -5696,15 +5859,38 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
height: 50px;
|
||||
z-index: 1;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .background {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .background {
|
||||
left: -48px;
|
||||
width: calc(100% + 96px);
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header i {
|
||||
z-index: 2;
|
||||
white-space: nowrap;
|
||||
min-width: 40px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header p {
|
||||
z-index: 2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header p {
|
||||
max-width: calc(100% - 70px);
|
||||
white-space: unset;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .buttons {
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
@ -5712,6 +5898,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
justify-content: flex-end;
|
||||
padding-right: 4px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .buttons {
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow {
|
||||
min-width: 50px;
|
||||
height: 50px;
|
||||
@ -5721,6 +5914,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
z-index: 2;
|
||||
margin-left: -30px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow {
|
||||
margin-left: -12px;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow .icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
@ -5739,6 +5937,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
padding-bottom: 25px;
|
||||
border-bottom: 1px solid var(--inactive, #EDEFF5);
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap {
|
||||
margin-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -5747,9 +5957,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form .block {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left {
|
||||
width: 20%;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left p {
|
||||
line-height: 14px;
|
||||
margin: 15px 0px 15px 0px;
|
||||
@ -5758,6 +5978,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
width: 80%;
|
||||
padding-left: 30px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap.form .block .right {
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap input[type="checkbox"] + label {
|
||||
width: 16px;
|
||||
padding: 0;
|
||||
@ -5775,6 +6001,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
margin-right: 20%;
|
||||
padding-top: 10px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap .single_text p {
|
||||
margin-right: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap .single_text p:before {
|
||||
content: "";
|
||||
display: block;
|
||||
@ -5786,6 +6018,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
margin-top: -10px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' fill='%232F80ED' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29ZM21 14.5C21 13.9477 20.5523 13.5 20 13.5C19.4477 13.5 19 13.9477 19 14.5V19.75C19 20.4404 19.5596 21 20.25 21H23.5C24.0523 21 24.5 20.5523 24.5 20C24.5 19.4477 24.0523 19 23.5 19H21V14.5Z' fill='%232F80ED'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap .single_text p:before {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table {
|
||||
font-size: 12px;
|
||||
line-height: 120%;
|
||||
@ -5816,6 +6053,116 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table .i-pdf span {
|
||||
font-weight: 400;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead {
|
||||
display: none;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody {
|
||||
display: block;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-left: 31px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td {
|
||||
display: block;
|
||||
padding: 8px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field {
|
||||
width: 16px;
|
||||
margin: auto;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:empty {
|
||||
display: none;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title] {
|
||||
display: flex;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title]:before {
|
||||
content: attr(data-title);
|
||||
color: var(--text_not_active);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 120%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
width: 50%;
|
||||
min-width: 50%;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead {
|
||||
display: none;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody {
|
||||
display: block;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-right: 56px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td {
|
||||
display: block;
|
||||
padding: 8px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 57px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field {
|
||||
width: 16px;
|
||||
margin: auto;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:empty {
|
||||
display: none;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title]:before {
|
||||
content: attr(data-title);
|
||||
color: var(--text_not_active);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 120%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.contractStatus_modal .single_status > div .status_body .wrap .message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -6032,6 +6379,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
height: 16px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10L8 5L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.contractStatus_modal .bottom_button_close {
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
.all_contracts_modal .contractStatus_list .list_item .step {
|
||||
width: 50%;
|
||||
gap: 0 16px;
|
||||
@ -6075,6 +6430,16 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
padding: 30px;
|
||||
height: 100px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.horizontal_dropzone_wrapper {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.horizontal_dropzone_wrapper {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.horizontal_dropzone_wrapper.disabled {
|
||||
filter: grayscale(1);
|
||||
opacity: 0.25;
|
||||
@ -6085,6 +6450,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
max-width: 80%;
|
||||
gap: 20px;
|
||||
}
|
||||
@media all and (max-width: 920px) {
|
||||
.horizontal_dropzone_wrapper .horizontal_dropzone_inner {
|
||||
max-width: 100%;
|
||||
gap: 0 12px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.horizontal_dropzone_wrapper .horizontal_dropzone_inner {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.horizontal_dropzone_wrapper .horizontal_dropzone_inner p {
|
||||
text-align: left;
|
||||
margin: 0px;
|
||||
@ -6092,6 +6468,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
|
||||
.horizontal_dropzone_wrapper .horizontal_dropzone_inner label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.horizontal_dropzone_wrapper .horizontal_dropzone_inner label {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
.horizontal_dropzone_files {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
2352
css/main/style.less
2352
css/main/style.less
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user