mirror of https://github.com/sualko/cloud_bbb
style: adapt restriction table
parent
d46bb434d9
commit
f08a2653ca
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue