style: adapt restriction table

pull/136/head
sualko 2021-03-09 09:37:08 +01:00
parent d46bb434d9
commit f08a2653ca
2 changed files with 7 additions and 6 deletions

View File

@ -91,7 +91,8 @@ pre {
}
}
#bbb-react-root {
#bbb-react-root,
#bbb-restrictions {
#bbb-warning,
#bbb-success {
margin: 3em;
@ -118,11 +119,11 @@ pre {
line-height: 0;
display: inline-block;
.icon {
&:not(button:disabled) .icon {
opacity: 0.5;
}
&:hover {
&:not(button:disabled):hover {
background-color: var(--color-background-dark);
.icon {

View File

@ -72,9 +72,9 @@ const RestrictionRoom: React.FC<Props> = (props) => {
</td>
<td className="remove icon-col">
{restriction.groupId && <a className="icon icon-delete icon-visible"
onClick={deleteRow as any}
title={t('bbb', 'Delete')} />}
<button disabled={!restriction.groupId} className="action-item" onClick={deleteRow as any} title={t('bbb', 'Delete')}>
<span className="icon icon-delete icon-visible"></span>
</button>
</td>
</tr>
);