diff options
| author | Ajay Ramachandran <[email protected]> | 2020-12-22 01:20:22 -0500 |
|---|---|---|
| committer | Ajay Ramachandran <[email protected]> | 2020-12-22 01:20:22 -0500 |
| commit | 54c36e65ef154bc9c7fd44b98bc907da2988b589 (patch) | |
| tree | ab3791f15a21262e77f9dece3948b26abcc47737 | |
| parent | 979e7e7629176d860bbdfe74a108af3c70e96b0f (diff) | |
| download | SponsorBlock-54c36e65ef154bc9c7fd44b98bc907da2988b589.tar.gz SponsorBlock-54c36e65ef154bc9c7fd44b98bc907da2988b589.zip | |
Make popup work better on mobile
| -rw-r--r-- | public/popup.css | 12 | ||||
| -rw-r--r-- | public/popup.html | 4 |
2 files changed, 15 insertions, 1 deletions
diff --git a/public/popup.css b/public/popup.css index dcad93b0..2aa096a6 100644 --- a/public/popup.css +++ b/public/popup.css @@ -10,6 +10,18 @@ display: none !important; } +@media only screen and (max-width: 600px) { + #sponsorBlockPopupBody { + width: 100%; + } +} + +#sponsorBlockPopupBody { + margin: auto; + width: 374px; + background: var(--sb-main-bg-color); +} + #sponsorblockPopup { color: var(--sb-main-fg-color); font-family: 'Source Sans Pro', sans-serif; diff --git a/public/popup.html b/public/popup.html index 33119900..1b472959 100644 --- a/public/popup.html +++ b/public/popup.html @@ -2,9 +2,11 @@ <title>__MSG_openPopup__</title> <link id="sponsorBlockPopupFont" rel="stylesheet" type="text/css" href="/libs/Source+Sans+Pro.css"> <link id="sponsorBlockStyleSheet" rel="stylesheet" type="text/css" href="popup.css"> + + <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> -<body style="margin: auto; width: 374px; background: var(--sb-main-bg-color);"> +<body id="sponsorBlockPopupBody"> <div id="sponsorblockPopup" class="sponsorBlockPageBody preload"> <div class="logoText bottomSpace"> <img src="icons/IconSponsorBlocker256px.png" height="40px" id="sponsorBlockPopupLogo"> |