minimal theming on app permission in widget

This commit is contained in:
Bruno Windels 2019-02-01 23:24:56 +01:00
parent e2ce12f5c1
commit 7ccc694eea
2 changed files with 5 additions and 8 deletions
res/css/views/rooms
src/components/views/elements

View file

@ -317,14 +317,11 @@ form.mx_Custom_Widget_Form div {
} }
.mx_AppPermissionButton { .mx_AppPermissionButton {
padding: 5px; border: none;
padding: 5px 20px;
border-radius: 5px; border-radius: 5px;
color: $warning-color; background-color: $button-bg-color;
background-color: $primary-bg-color; color: $button-fg-color;
}
.mx_AppPermissionButton:hover {
background-color: $primary-fg-color;
cursor: pointer; cursor: pointer;
} }

View file

@ -47,7 +47,7 @@ export default class AppPermission extends React.Component {
return ( return (
<div className='mx_AppPermissionWarning'> <div className='mx_AppPermissionWarning'>
<div className='mx_AppPermissionWarningImage'> <div className='mx_AppPermissionWarningImage'>
<img src={require("../../../../res/img/warning.svg")} alt={_t('Warning!')} /> <img src={require("../../../../res/img/feather-icons/warning-triangle.svg")} alt={_t('Warning!')} />
</div> </div>
<div className='mx_AppPermissionWarningText'> <div className='mx_AppPermissionWarningText'>
<span className='mx_AppPermissionWarningTextLabel'>{ _t('Do you want to load widget from URL:') }</span> <span className='mx_AppPermissionWarningTextURL'>{ this.state.curlBase }</span> <span className='mx_AppPermissionWarningTextLabel'>{ _t('Do you want to load widget from URL:') }</span> <span className='mx_AppPermissionWarningTextURL'>{ this.state.curlBase }</span>