diff options
| author | ManeraKai <manerakai@protonmail.com> | 2024-01-29 18:15:31 +0300 |
|---|---|---|
| committer | ManeraKai <manerakai@protonmail.com> | 2024-01-29 18:15:31 +0300 |
| commit | fc6218c84d20860328e6d3ef3b79ab4fb04bed11 (patch) | |
| tree | 84eae02a895d1b324eb18b39ea6a85eb2c73e7e2 /src/pages/stylesheets | |
| parent | Fixed tapping on settings in popup not focusing https://github.com/libredirec... (diff) | |
| download | libredirect-fc6218c84d20860328e6d3ef3b79ab4fb04bed11.zip | |
Made popup mobile-friendly https://github.com/libredirect/browser_extension/issues/874
Diffstat (limited to 'src/pages/stylesheets')
| -rw-r--r-- | src/pages/stylesheets/styles.css | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css index 2519a05f..2aa52d57 100644 --- a/src/pages/stylesheets/styles.css +++ b/src/pages/stylesheets/styles.css @@ -388,4 +388,55 @@ input:disabled { width: 750px; padding: 0 55px; } +} + +html.mobile img, +html.mobile svg { + margin-right: 10px; + height: 30px; + width: 30px; + color: var(--text); +} + +html.mobile div.block { + padding: 0 15px; + justify-content: space-between; + display: flex; + align-items: center; + margin-top: 20px; + margin-bottom: 20px; +} + +html.mobile div.block input[type="checkbox"] { + width: 58px; + height: 30px; +} + +html.mobile div.block input[type="checkbox"]::before { + width: 24px; + height: 24px; + top: 3px; + left: 3.5px; +} + +html.mobile div.block input[type="checkbox"]:checked::before { + left: 30px; +} + +html.mobile body.option { + flex-direction: column; + width: 100%; + padding: 0; + align-items: center; +} + + +html.mobile section.links { + flex-direction: row; + width: 100%; + padding: 0 55px; +} + +html.mobile section.block-option { + width: 100%; }
\ No newline at end of file |