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-warning,
#bbb-success { #bbb-success {
margin: 3em; margin: 3em;
@ -118,11 +119,11 @@ pre {
line-height: 0; line-height: 0;
display: inline-block; display: inline-block;
.icon { &:not(button:disabled) .icon {
opacity: 0.5; opacity: 0.5;
} }
&:hover { &:not(button:disabled):hover {
background-color: var(--color-background-dark); background-color: var(--color-background-dark);
.icon { .icon {

View File

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