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

style fix

Browse Source
This commit is contained in:
Денис Воронков 2023-10-29 16:26:28 +03:00
parent 498f2335f7
commit e466aef876
3 changed files with 164 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -150,7 +150,7 @@ export default class Offers extends Step
<td>
<div className="form_field checkbox checkbox_disabled">
<input type="checkbox" name="row" id={`offer_${ offer.quote_number }`} checked={ true } onChange={ () => { } } style={{ filter: "grayscale", opacity: 0.5 }}/>
<label htmlFor={`offer_${ offer.quote_number }`}></label>
<label htmlFor={`offer_${ offer.quote_number }`} data-text="Принято"></label>
</div>
</td>
) }

58
css/main/style.css
View File

@ -6064,6 +6064,28 @@ 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 label[data-text] {
height: auto;
width: 100%;
display: flex;
align-items: center;
min-height: 16px;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table label[data-text]:before {
position: relative;
order: 2;
margin-left: auto;
margin-right: calc(50% - 16px);
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table label[data-text]:after {
content: attr(data-text);
order: 1;
display: block;
padding-top: 0;
width: 50%;
}
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead {
display: none;
@ -6074,27 +6096,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
display: block;
position: relative;
padding-left: 31px;
padding-left: 0;
}
.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;
display: flex;
width: 100%;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) {
border-bottom: 0;
@ -6131,34 +6145,22 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
display: block;
position: relative;
padding-right: 56px;
padding-right: 0;
padding-left: 0;
}
.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 label[data-text]:before {
margin-right: 0;
}
.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);

68
css/main/style.less
View File

@ -6892,6 +6892,33 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
}
&.deal_offers_table {
@media all and (max-width: 920px) {
label[data-text] {
height: auto;
width: 100%;
display: flex;
align-items: center;
min-height: 16px;
&:before {
position: relative;
order: 2;
margin-left: auto;
margin-right: calc(50% - 16px);
}
&:after {
content: attr(data-text);
order: 1;
display: block;
padding-top: 0;
width: 50%;
}
}
}
@media all and (max-width: 920px) {
thead {
display: none;
@ -6904,7 +6931,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
tr {
display: block;
position: relative;
padding-left: 31px;
padding-left: 0;
}
td {
@ -6912,20 +6939,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
padding: 8px;
&: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;
.form_field {
width: 16px;
margin: auto;
display: flex;
width: 100%;
}
}
@ -6973,31 +6992,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
tr {
display: block;
position: relative;
padding-right: 56px;
padding-right: 0;
padding-left: 0;
}
td {
display: block;
padding: 8px;
&: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;
.form_field {
width: 16px;
margin: auto;
}
}
&:not(:last-child) {
border-bottom: 0;
}
@ -7006,6 +7008,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
display: none;
}
label[data-text] {
&:before {
margin-right: 0;
}
}
&[data-title]:before {
content: attr(data-title);
color: var(--text_not_active);