status-im/dappconnect-voting-sdk
2
0
Fork 0
mirror of https://github.com/status-im/dappconnect-voting-sdk.git synced 2025-02-13 03:06:37 +00:00
Code Issues Projects Releases Wiki Activity

Fix overflow scroll (#88)

Browse Source
This commit is contained in:
Maria Rushkova 2021-09-22 12:29:50 +02:00 committed by GitHub
parent 635be29df3
commit 4ba460827b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/proposal-components/src/components/ProposalList.tsx
View File

@ -43,4 +43,8 @@ const List = styled.div`
@media (max-width: 425px) { @media (max-width: 425px) {
padding-top: 118px; padding-top: 118px;
} }
@media (max-width: 375px) {
padding-top: 142px;
}
` `

5
packages/proposal-components/src/components/ProposalVoteCard/VoteChart.tsx
View File

@ -237,6 +237,11 @@ const TimeLeftMobile = styled.div`
letter-spacing: 0.1px; letter-spacing: 0.1px;
color: #939ba1; color: #939ba1;
@media (max-width: 375px) {
bottom: unset;
top: -23px;
}
&.mobile { &.mobile {
font-size: 12px; font-size: 12px;
} }

3
packages/react-components/src/components/Modal.tsx
View File

@ -47,6 +47,7 @@ const PopUpOverlay = styled.div`
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
z-index: 9999; z-index: 9999;
transition: all 0.3s; transition: all 0.3s;
overflow: scroll;
@media (max-width: 600px) { @media (max-width: 600px) {
padding: 16px; padding: 16px;
@ -59,13 +60,11 @@ const PopUpWindow = styled.div`
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
width: 468px; width: 468px;
max-height: 75vh;
background-color: white; background-color: white;
margin: 20vh auto 2vh; margin: 20vh auto 2vh;
padding: 24px 24px 32px; padding: 24px 24px 32px;
box-shadow: 10px 10px 31px -2px #a3a1a1; box-shadow: 10px 10px 31px -2px #a3a1a1;
border-radius: 5px; border-radius: 5px;
overflow: scroll;
z-index: 9998; z-index: 9998;
-ms-overflow-style: none; -ms-overflow-style: none;