diff --git a/src/components/common/ChatOrUserPicker.scss b/src/components/common/ChatOrUserPicker.scss index ecc0e4d45..0852aa060 100644 --- a/src/components/common/ChatOrUserPicker.scss +++ b/src/components/common/ChatOrUserPicker.scss @@ -50,6 +50,15 @@ overflow-x: hidden; overflow-y: auto; padding: 0 0.5rem; + + body.is-ios &, + body.is-android & { + padding: 0; + } + + @media (max-width: 600px) { + padding: 0; + } } } diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index 3ab2fddff..9b360bb4b 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -136,6 +136,13 @@ } } + body.is-ios &, + body.is-android & { + .ListItem-button { + border-radius: 0 !important; + } + } + @media (max-width: 600px) { .ListItem-button { border-radius: 0 !important; diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss index d4d33c041..c5c034186 100644 --- a/src/components/ui/ListItem.scss +++ b/src/components/ui/ListItem.scss @@ -14,6 +14,23 @@ box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers); } + &.selected::after, + &:last-of-type::after { + display: none; + } + + // Conceal above item divider + &.selected::before { + content: ""; + position: absolute; + top: -0.0625rem; + left: 4.5rem; + right: 0; + height: 0.0625rem; + /* stylelint-disable-next-line plugin/whole-pixel */ + box-shadow: inset 0 -0.03125rem 0 0 var(--color-background); + } + &:last-of-type::after { display: none; } @@ -48,9 +65,17 @@ color: var(--color-text); border-radius: var(--border-radius-default); --ripple-color: rgba(0, 0, 0, 0.08); - text-decoration: none; + body.is-ios &, + body.is-android & { + border-radius: 0 ; + } + + @media (max-width: 600px) { + border-radius: 0 ; + } + > .icon { font-size: 1.5rem; margin-right: 2rem; diff --git a/src/styles/_common.scss b/src/styles/_common.scss index 308969bb4..f114e45fd 100644 --- a/src/styles/_common.scss +++ b/src/styles/_common.scss @@ -121,11 +121,6 @@ } } - @media (max-width: 600px) { - padding-left: 0; - padding-right: 0; - } - .scroll-container { position: relative; } @@ -150,8 +145,16 @@ } } + @media (max-width: 600px) { + padding-left: 0; + padding-right: 0; + } + body.is-ios &, body.is-android & { + padding-left: 0; + padding-right: 0; + .ListItem::after { opacity: 1; transition: opacity var(--layer-transition);