Fix tooltip sizes for roles and fix pointer events on nav items
This commit is contained in:
parent
dae2c0cfba
commit
44efcee58e
|
@ -175,6 +175,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.selected-by-label {
|
.selected-by-label {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -12,8 +12,8 @@
|
||||||
$: role = $roles.find(role => role._id === roleId)
|
$: role = $roles.find(role => role._id === roleId)
|
||||||
$: tooltip =
|
$: tooltip =
|
||||||
roleId === Roles.PUBLIC
|
roleId === Roles.PUBLIC
|
||||||
? "This screen is open to the public"
|
? "Open to the public"
|
||||||
: `Requires at least ${role?.name} access`
|
: `Requires ${role?.name} access`
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
@ -44,14 +44,14 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
width: 130px;
|
width: 200px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.tooltip :global(.spectrum-Tooltip) {
|
.tooltip :global(.spectrum-Tooltip) {
|
||||||
background: var(--color);
|
background: var(--color);
|
||||||
color: white;
|
color: white;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
max-width: 130px;
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
.tooltip :global(.spectrum-Tooltip-tip) {
|
.tooltip :global(.spectrum-Tooltip-tip) {
|
||||||
border-top-color: var(--color);
|
border-top-color: var(--color);
|
||||||
|
|
Loading…
Reference in New Issue