Styling for Nad

This commit is contained in:
Half-Shot 2020-01-28 14:42:58 +00:00
parent 71233a5aff
commit 85bcad0ea0
3 changed files with 63 additions and 45 deletions

View file

@ -105,7 +105,7 @@ export default class BridgeTile extends React.PureComponent {
<p className={metadataClassname}>
{creator} {bot}
</p>
<AccessibleButton kind="secondary" onClick={this._toggleVisible.bind(this)}>
<AccessibleButton className="showMore" kind="secondary" onClick={this._toggleVisible.bind(this)}>
{ this.state.visible ? _t("Show less") : _t("Show more") }
</AccessibleButton>
</div>

View file

@ -25,6 +25,8 @@ const BRIDGE_EVENT_TYPES = [
// m.bridge
];
const BRIDGES_LINK = "https://matrix.org/bridges/";
export default class BridgeSettingsTab extends React.Component {
static propTypes = {
roomId: PropTypes.string.isRequired,
@ -66,7 +68,7 @@ export default class BridgeSettingsTab extends React.Component {
{
// TODO: We don't have this link yet: this will prevent the translators
// having to re-translate the string when we do.
a: sub => sub,
a: sub => <a href={BRIDGES_LINK} target="_blank" rel="noopener">{sub}</a>,
},
)}</p>
<ul className="mx_RoomSettingsDialog_BridgeList">
@ -80,7 +82,7 @@ export default class BridgeSettingsTab extends React.Component {
{
// TODO: We don't have this link yet: this will prevent the translators
// having to re-translate the string when we do.
a: sub => sub,
a: sub => <a href={BRIDGES_LINK} target="_blank" rel="noopener">{sub}</a>,
},
)}</p>;
}