jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - show role edit on hover

Browse source
This commit is contained in:
Shekar Siri 2022-06-28 18:40:20 +02:00
parent 20644140e2
commit c78fb78927
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Client/Roles/components/RoleItem/RoleItem.tsx
View file

@ -27,7 +27,7 @@ interface Props {
}
function RoleItem({ role, deleteHandler, editHandler, isAdmin, permissions, projects }: Props) {
return (
<div className={cn('flex items-start relative py-4 hover border-b px-3 pr-20')}>
<div className={cn('flex items-start relative py-4 hover border-b px-3 pr-20 group')}>
<div className="flex" style={{ width: '20%'}}>
<Icon name="user-alt" size="16" marginRight="10" />
{ role.name }
@ -48,7 +48,7 @@ function RoleItem({ role, deleteHandler, editHandler, isAdmin, permissions, proj
))}
</div>
<div className={ cn(stl.actions, 'absolute right-0 top-0 bottom-0 mr-8') }>
<div className={ cn(stl.actions, 'absolute right-0 top-0 bottom-0 mr-8 invisible group-hover:visible') }>
{isAdmin && !!editHandler &&
<div className={ cn(stl.button, {[stl.disabled] : role.protected }) } onClick={ () => editHandler(role) }>
<Icon name="edit" size="16" color="teal"/>

2
frontend/app/components/Client/Roles/components/RoleItem/roleItem.module.css
View file

@ -1,7 +1,7 @@
.actions {
/* margin-left: auto; */
/* opacity: 0; */
transition: all 0.4s;
/* transition: all 0.4s; */
display: flex;
align-items: center;
& .button {