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

ресайз сделок

Browse Source
This commit is contained in:
Денис Воронков 2023-10-22 18:18:37 +03:00
parent 9022852035
commit 2bdde66621
2 changed files with 168 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
css/main/style.css
View File

@ -6245,6 +6245,15 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
justify-content: flex-end;
gap: 0 20px;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .wrap .block_footer_btn {
flex-wrap: wrap;
gap: 10px 0;
}
.contractStatus_modal .single_status > div .status_body .wrap .block_footer_btn button {
width: 100%;
}
}
.contractStatus_modal .single_status > div .status_body .wrap .flex-start {
justify-content: flex-start;
}
@ -6279,11 +6288,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
grid-gap: 10px 0px;
margin-bottom: 30px;
}
.contractStatus_modal .single_status > div .status_body .documents:last-child {
margin-bottom: 0;
}
.contractStatus_modal .single_status > div .status_body .documents .document {
width: 100%;
display: flex;
flex-direction: row;
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document {
flex-wrap: wrap;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .icon {
margin-top: 5px;
display: flex;
@ -6304,6 +6321,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
font-size: 12px;
color: #fff;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .documents .document .icon {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
}
.contractStatus_modal .single_status > div .status_body .documents .document .icon .extension {
font-size: 8px;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .title {
display: flex;
flex-direction: column;
@ -6312,6 +6340,21 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
font-weight: 600;
margin-left: 16px;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .documents .document .title p {
margin-left: 0;
}
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document .title {
width: calc(100% - 56px);
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .documents .document .title {
margin-left: 12px;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .description {
display: flex;
flex-direction: row;
@ -6322,6 +6365,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
margin-top: 2px;
color: #8e94a7;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .documents .document .description span {
margin-left: 0;
margin-right: 10px;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .actions {
display: flex;
flex: 1;
@ -6330,9 +6379,32 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
justify-content: flex-end;
align-items: center;
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document .actions {
flex: auto;
width: 100%;
flex-wrap: wrap;
padding-left: 50px !important;
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .documents .document .actions {
padding-left: 30px !important;
justify-content: flex-start;
gap: 0 12px;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .actions button {
white-space: nowrap;
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document .actions button {
order: 1;
padding: 0;
justify-content: flex-start;
width: 100%;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .actions .status {
display: flex;
align-items: center;
@ -6341,6 +6413,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
gap: 0px 16px;
padding: 0px 16px;
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document .actions .status {
width: 100%;
order: 2;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .actions .status .status_icon {
min-width: 24px;
min-height: 24px;
@ -6351,6 +6429,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
color: #fff;
white-space: nowrap;
}
@media all and (max-width: 1279px) {
.contractStatus_modal .single_status > div .status_body .documents .document .actions .status span {
white-space: inherit;
line-height: 1.25;
padding: 5px 0;
}
}
.contractStatus_modal .single_status > div .status_body .documents .document .wide {
justify-content: space-between;
padding-left: 64px;

83
css/main/style.less
View File

@ -7060,6 +7060,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
gap: 0 28px;
padding: 0;
&::before {
display: none;
}
@ -7118,6 +7119,15 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
display: flex;
justify-content: flex-end;
gap: 0 20px;
@media all and (max-width: 920px) {
flex-wrap: wrap;
gap: 10px 0;
button {
width :100%;
}
}
}
.flex-start {
@ -7163,11 +7173,23 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
grid-gap: 10px 0px;
margin-bottom: 30px;
&:last-child {
margin-bottom: 0;
}
.document {
width: 100%;
display: flex;
flex-direction: row;
@media all and (max-width: 1279px) {
flex-wrap: wrap;
}
.icon {
margin-top: 5px;
display: flex;
@ -7188,6 +7210,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
font-size: 12px;
color: #fff;
}
@media all and (max-width: 768px) {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
.extension {
font-size: 8px;
}
}
}
.title {
@ -7197,6 +7230,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
p {
font-weight: 600;
margin-left: 16px;
@media all and (max-width: 768px) {
margin-left: 0;
}
}
@media all and (max-width: 1279px) {
width: calc(100% - 56px)
}
@media all and (max-width: 768px) {
margin-left: 12px;
}
}
@ -7209,6 +7254,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
margin-left: 16px;
margin-top: 2px;
color: #8e94a7;
@media all and (max-width: 768px) {
margin-left: 0;
margin-right: 10px;
}
}
}
@ -7220,8 +7270,30 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
justify-content: flex-end;
align-items: center;
@media all and (max-width: 1279px) {
flex: auto;
width: 100%;
flex-wrap: wrap;
padding-left: 50px !important;
}
@media all and (max-width: 768px) {
padding-left: 30px !important;
justify-content: flex-start;
gap: 0 12px;
}
button {
white-space: nowrap;
@media all and (max-width: 1279px) {
order: 1;
padding: 0;
justify-content: flex-start;
width: 100%;
}
}
.status {
@ -7233,6 +7305,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
gap: 0px 16px;
padding: 0px 16px;
@media all and (max-width: 1279px) {
width: 100%;
order: 2;
}
.status_icon {
min-width: 24px;
min-height: 24px;
@ -7243,6 +7320,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
font-weight: 300;
color: #fff;
white-space: nowrap;
@media all and (max-width: 1279px) {
white-space: inherit;
line-height: 1.25;
padding: 5px 0;
}
}
}
}