From 2bdde6662124de33c2fb827c002129ff22f97459 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=92=D0=BE=D1=80=D0=BE?= =?UTF-8?q?=D0=BD=D0=BA=D0=BE=D0=B2?= Date: Sun, 22 Oct 2023 18:18:37 +0300 Subject: [PATCH] =?UTF-8?q?=D1=80=D0=B5=D1=81=D0=B0=D0=B9=D0=B7=20=D1=81?= =?UTF-8?q?=D0=B4=D0=B5=D0=BB=D0=BE=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main/style.css | 85 +++++++++++++++++++++++++++++++++++++++++++++ css/main/style.less | 83 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 168 insertions(+) diff --git a/css/main/style.css b/css/main/style.css index 0b4d1da..2f87462 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 a66c60e..8ebe39e 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; + } } } }