diff --git a/src/components/Common/ModalLayout/modalLayout.scss b/src/components/Common/ModalLayout/modalLayout.scss index 3382e64e..8e775681 100644 --- a/src/components/Common/ModalLayout/modalLayout.scss +++ b/src/components/Common/ModalLayout/modalLayout.scss @@ -15,7 +15,7 @@ position: relative; background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%); border-radius: 24px; - padding: 35px 15px 15px 15px; + padding: 25px; display: flex; flex-direction: column; align-items: center; @@ -29,6 +29,10 @@ font-weight: 300; margin: 12px 0 20px; } + + @media (max-width: 805px) { + row-gap: 0; + } } .invite__blocks { @@ -53,6 +57,10 @@ input { height: 42px; } + + @media (max-width: 500px) { + min-width: auto; + } } &__btn { @@ -61,6 +69,27 @@ width: 100%; } } + + @media (max-width: 805px) { + flex-direction: column; + width: 100%; + + span { + text-align: center; + margin: 5px 0; + } + + .invitePersonBlock { + row-gap: 5px; + &__btn { + margin: 5px auto; + } + } + + .addPersonBtn { + margin: 10px auto 0; + } + } } .select__person { @@ -68,11 +97,15 @@ flex-direction: column; row-gap: 10px; padding: 39px 10px 29px 10px; + + @media (max-width: 500px) { + padding: 10px; + } } } .ck-editor { - width: 100%; + width: 100% !important; } } diff --git a/src/components/Modal/ModalSelect/modalSelect.scss b/src/components/Modal/ModalSelect/modalSelect.scss index 156d37ee..35981774 100644 --- a/src/components/Modal/ModalSelect/modalSelect.scss +++ b/src/components/Modal/ModalSelect/modalSelect.scss @@ -8,6 +8,12 @@ bottom: -148px; right: -120px; + @media (max-width: 1050px) { + right: 10px; + padding-top: 10px; + bottom: -160px; + } + &-menu { font-size: 14px; line-height: 38px; @@ -32,6 +38,10 @@ left: 10px; font-size: 21px; color: #6f6f6f; + + @media (max-width: 1050px) { + display: none; + } } } diff --git a/src/components/Modal/Tracker/ModalTicket/modalTicket.scss b/src/components/Modal/Tracker/ModalTicket/modalTicket.scss index 902dbb77..cabdc30f 100644 --- a/src/components/Modal/Tracker/ModalTicket/modalTicket.scss +++ b/src/components/Modal/Tracker/ModalTicket/modalTicket.scss @@ -356,7 +356,7 @@ flex-wrap: wrap; column-gap: 25px; row-gap: 20px; - margin-top: 10px; + margin-top: 33px; max-height: 350px; overflow-y: auto; @@ -767,6 +767,7 @@ display: flex; justify-content: center; align-items: center; + font-size: 0; &:hover { background-color: white; diff --git a/src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss b/src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss index deda6c7f..37eac4c8 100644 --- a/src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss +++ b/src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss @@ -84,6 +84,16 @@ } } } + + @media (max-width: 450px) { + .workers_box { + .executor { + p { + max-width: 210px !important; + } + } + } + } } .commentFullScreen { diff --git a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss index ec1af836..a4f54347 100644 --- a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss +++ b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss @@ -190,6 +190,10 @@ font-size: 22px; line-height: 26px; color: #263238 !important; + + @media (max-width: 450px) { + font-size: 18px; + } } &__decs { diff --git a/src/pages/ProjectTracker/ProjectTracker.js b/src/pages/ProjectTracker/ProjectTracker.js index bdfa50f8..6daf15d2 100644 --- a/src/pages/ProjectTracker/ProjectTracker.js +++ b/src/pages/ProjectTracker/ProjectTracker.js @@ -361,13 +361,19 @@ export const ProjectTracker = () => { */}
добавить колонку
-