diff --git a/src/components/common/ChatOrUserPicker.scss b/src/components/common/ChatOrUserPicker.scss index f2cf3a2bb..d6e4f421b 100644 --- a/src/components/common/ChatOrUserPicker.scss +++ b/src/components/common/ChatOrUserPicker.scss @@ -67,6 +67,11 @@ .ListItem { position: absolute; width: 100%; + + body.is-ios &:not(:last-of-type)::after, + body.is-android &:not(:last-of-type)::after { + right: -0.5rem; + } } .ListItem.chat-item-clickable { diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss index eeaec5580..a6c598b9c 100644 --- a/src/components/ui/ListItem.scss +++ b/src/components/ui/ListItem.scss @@ -9,7 +9,7 @@ bottom: 0; left: 4.5rem; right: 0; - height: 1px; + height: 0.0625rem; /* stylelint-disable-next-line plugin/whole-pixel */ box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers); } @@ -23,14 +23,6 @@ } } - // Using half-pixel height is efficient on iOS but not supported on Android, so `transform` is used instead - body.is-android & { - &:not(:last-of-type)::after { - height: 0.0625rem; - transform: scaleY(0.25); - } - } - .ListItem-button { width: 100%; background-color: var(--background-color); diff --git a/src/styles/themes.json b/src/styles/themes.json index eeb967b34..e46edfd01 100644 --- a/src/styles/themes.json +++ b/src/styles/themes.json @@ -22,7 +22,7 @@ "--color-text-secondary-apple": ["#8E8E92", "#AAAAAA"], "--color-borders": ["#DADCE0", "#303030"], "--color-borders-input": ["#DADCE0", "#5B5B5A"], - "--color-dividers": ["#C8C6CC", "#404040"], + "--color-dividers": ["#C8C6CC", "#3B3B3D"], "--color-links": ["#3390EC", "#8774E1"], "--color-gray": ["#C4C9CC", "#717579"], "--color-pinned": ["#C4C9CC", "#707579"],