fix: permissions table on mobile is unusable (#3722)

This commit is contained in:
Sami Mazouz 2023-01-14 19:34:12 +01:00 committed by GitHub
parent a4f4ee8e71
commit 2d2bf5c504
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -50,7 +50,6 @@
color: var(--muted-color); color: var(--muted-color);
} }
thead th { thead th {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
padding-bottom: 10px; padding-bottom: 10px;
@ -63,9 +62,12 @@
z-index: 1; z-index: 1;
&:first-child { &:first-child {
left: 0;
z-index: 3; z-index: 3;
background: var(--body-bg); background: var(--body-bg);
@media @tablet-up {
left: 0;
}
} }
&:not(:hover) .PermissionGrid-removeScope { &:not(:hover) .PermissionGrid-removeScope {
@ -74,13 +76,15 @@
} }
tbody { tbody {
th { th {
position: -webkit-sticky;
position: sticky;
left: 0;
padding-right: 50px; padding-right: 50px;
z-index: 4; z-index: 4;
background: inherit; background: inherit;
@media @tablet-up {
position: sticky;
left: 0;
}
.icon { .icon {
margin-right: 5px; margin-right: 5px;
font-size: 14px; font-size: 14px;