OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix styling of buttons 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-06-21 17:05:36 +02:00
parent c4e4dadc13
commit 202cb0f5d8
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
res/css/views/messages/_CallEvent.scss
View File

@ -87,7 +87,12 @@ limitations under the License.
color: $secondary-fg-color; color: $secondary-fg-color;
margin-right: 16px; margin-right: 16px;
.mx_CallEvent_content_callBack { .mx_CallEvent_content_button {
height: 24px;
padding: 0px 12px;
}
.mx_CallEvent_content_button_callBack {
margin-left: 10px; // To match mx_callEvent margin-left: 10px; // To match mx_callEvent
} }

4
src/components/views/messages/CallEvent.tsx
View File

@ -85,12 +85,14 @@ export default class CallEvent extends React.Component<IProps, IState> {
title={this.state.silenced ? _t("Sound on"): _t("Silence call")} title={this.state.silenced ? _t("Sound on"): _t("Silence call")}
/> />
<AccessibleButton <AccessibleButton
className="mx_CallEvent_content_button"
onClick={ this.props.callEventGrouper.rejectCall } onClick={ this.props.callEventGrouper.rejectCall }
kind="danger" kind="danger"
> >
{ _t("Decline") } { _t("Decline") }
</AccessibleButton> </AccessibleButton>
<AccessibleButton <AccessibleButton
className="mx_CallEvent_content_button"
onClick={ this.props.callEventGrouper.answerCall } onClick={ this.props.callEventGrouper.answerCall }
kind="primary" kind="primary"
> >
@ -162,7 +164,7 @@ export default class CallEvent extends React.Component<IProps, IState> {
<div className="mx_CallEvent_content"> <div className="mx_CallEvent_content">
{ _t("You missed this call") } { _t("You missed this call") }
<AccessibleButton <AccessibleButton
className="mx_CallEvent_content_callBack" className="mx_CallEvent_content_button mx_CallEvent_content_button_callBack"
onClick={ this.props.callEventGrouper.callBack } onClick={ this.props.callEventGrouper.callBack }
kind="primary" kind="primary"
> >