mirror of https://github.com/vector-im/riot-web
minimal theming on app permission in widget
parent
e2ce12f5c1
commit
7ccc694eea
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue