mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-24 13:57:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

feat(plugins): Permissions Viewer (#477)

Browse source 
Co-authored-by: V <vendicated@riseup.net>
This commit is contained in:
Nuckyz 2023-05-14 21:33:04 -03:00 • committed by GitHub
parent 9c1b3a9afd
commit 64b38348d4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 938 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

128
src/plugins/permissionsViewer/styles.css Normal file
View file

@ -0,0 +1,128 @@
/* User Permissions Component */
.vc-permviewer-userperms-title-container {
display: flex;
justify-content: space-between;
}
.vc-permviewer-userperms-title {
margin-top: 10px;
margin-bottom: 6px;
}
.vc-permviewer-userperms-permdetails-btn {
all: unset;
cursor: pointer;
}
.vc-permviewer-userperms-toggleperms-btn {
all: unset;
cursor: pointer;
}
/* RolesAndUsersPermissions Component */
.vc-permviewer-perms-title {
flex-grow: 1;
}
.vc-permviewer-perms-no-perms {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.vc-permviewer-perms-container {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas: "list permissions";
padding: 16px 0;
}
.vc-permviewer-perms-list {
grid-area: list;
display: flex;
flex-direction: column;
border-right: 2px solid var(--background-modifier-active);
}
.vc-permviewer-perms-list-item-btn {
all: unset;
cursor: pointer;
}
.vc-permviewer-perms-list-item {
display: flex;
align-items: center;
padding: 8px 5px;
cursor: pointer;
width: 165px;
}
.vc-permviewer-perms-list-item > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.vc-permviewer-perms-list-item-active {
background-color: var(--background-modifier-selected);
border-radius: 5px;
}
.vc-permviewer-perms-role-circle {
border-radius: 50%;
width: 12px;
height: 12px;
margin-left: 3px;
margin-right: 11px;
flex-shrink: 0;
}
.vc-permviewer-perms-user-img {
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 6px;
}
.vc-permviewer-perms-perms {
grid-area: permissions;
display: flex;
flex-direction: column;
margin-left: 5px;
}
.vc-permviewer-perms-perms-item {
position: relative;
display: flex;
align-items: center;
padding: 10px;
border-bottom: 2px solid var(--background-modifier-active);
}
.vc-permviewer-perms-perms-item:last-child {
border: 0;
}
.vc-permviewer-perms-perms-item-icon {
border: 1px solid var(--background-modifier-selected);
width: 25px;
height: 25px;
margin-right: 5px;
}
.vc-permviewer-perms-perms-item .vc-info-icon {
color: var(--interactive-muted);
cursor: pointer;
position: absolute;
right: 0;
scale: 0.9;
}
.vc-permviewer-perms-perms-item .vc-info-icon:hover {
color: var(--interactive-active);
}