diff --git a/css/main/style.css b/css/main/style.css index e501725..cc93eb8 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -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; diff --git a/css/main/style.less b/css/main/style.less index 00f3db5..581627c 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -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; + } } } }