diff --git a/res/css/views/elements/_ReplyChain.scss b/res/css/views/elements/_ReplyChain.scss index cb3c078771..a949feaf73 100644 --- a/res/css/views/elements/_ReplyChain.scss +++ b/res/css/views/elements/_ReplyChain.scss @@ -15,20 +15,19 @@ limitations under the License. */ .mx_ReplyChain { - margin-top: 0; - margin-left: 0; - margin-right: 0; - margin-bottom: 8px; - padding: 0 10px; + margin: 0 0 $spacing-8 0; + padding: 0 10px; // TODO: Use a spacing variable border-left: 2px solid $accent; border-radius: 2px; .mx_ReplyChain_show { - @mixin ButtonResetDefault; - color: inherit; + &.mx_AccessibleButton_kind_link_inline { + padding: 0; + color: unset; - &:hover { - color: $links; + &:hover { + color: $links; + } } } diff --git a/src/components/views/elements/ReplyChain.tsx b/src/components/views/elements/ReplyChain.tsx index dd7cf76855..8fd0217d7c 100644 --- a/src/components/views/elements/ReplyChain.tsx +++ b/src/components/views/elements/ReplyChain.tsx @@ -32,7 +32,7 @@ import { Action } from "../../../dispatcher/actions"; import Spinner from './Spinner'; import ReplyTile from "../rooms/ReplyTile"; import Pill, { PillType } from './Pill'; -import { ButtonEvent } from './AccessibleButton'; +import AccessibleButton, { ButtonEvent } from './AccessibleButton'; import { getParentEventId, shouldDisplayReply } from '../../../utils/Reply'; import RoomContext from "../../../contexts/RoomContext"; import { MatrixClientPeg } from '../../../MatrixClientPeg'; @@ -217,9 +217,13 @@ export default class ReplyChain extends React.Component { { _t('In reply to ', {}, { 'a': (sub) => ( - + ), 'pill': (