diff options
| author | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2026-01-29 17:02:25 +0100 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2026-01-29 17:02:25 +0100 |
| commit | e2ffe589d25090617fb2468fefbedefc2f9c3529 (patch) | |
| tree | e9e54c60d47c61927792989386b6050e41db8a0f | |
| parent | 9d63de5f3e414fe8d3c8b18bbce75708a4cade37 (diff) | |
| download | mullvadvpn-hacky-listitem-fix-linux-wayland-fractional-scaling.tar.xz mullvadvpn-hacky-listitem-fix-linux-wayland-fractional-scaling.zip | |
More terrible hackshacky-listitem-fix-linux-wayland-fractional-scaling
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx index 61258b404f..85907407c4 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx @@ -83,14 +83,14 @@ export const StyledListItem = styled(StyledListItemRoot)<{ @media (resolution >= 1.25x) and (resolution < 1.33x) { margin-bottom: calc(-1px * 1.25); - padding-top: 1.75px; - padding-bottom: calc(0.25px / 1); + padding-top: calc(2.25px / 2); + padding-bottom: calc(1.5px / 2); } @media (resolution >= 1.33x) and (resolution < 1.5x) { margin-bottom: calc(-1px * 1.33); - padding-top: 1.66px; - padding-bottom: calc(0.33px / 1); + padding-top: 1.33px; + padding-bottom: calc(0.83px / 1); } @media (resolution >= 1.5x) and (resolution < 1.66x) { @@ -101,8 +101,8 @@ export const StyledListItem = styled(StyledListItemRoot)<{ @media (resolution >= 1.66x) and (resolution < 1.75x) { margin-bottom: calc(-1px * 1.66); - padding-top: 1.66px; - padding-bottom: calc(1.33px / 1); + padding-top: 1.83px; + padding-bottom: calc(1px / 1); } @media (resolution >= 1.75x) and (resolution < 2x) { @@ -115,7 +115,6 @@ export const StyledListItem = styled(StyledListItemRoot)<{ margin-bottom: 1px; } - /** Untested resolution */ @media (resolution >= 2.33x) and (resolution < 2.5x) { margin-bottom: calc(-1px * 2.33); padding-top: 2.66px; @@ -124,8 +123,8 @@ export const StyledListItem = styled(StyledListItemRoot)<{ @media (resolution >= 2.5x) and (resolution < 2.66x) { margin-bottom: calc(-1px * 2.5); - padding-top: 2.5px; - padding-bottom: calc(1.5px / 2); + padding-top: calc(3.25px / 2); + padding-bottom: calc(3.25px / 2); } @media (resolution >= 2.66x) and (resolution < 2.75x) { |