mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-26 22:08:29 -04:00
f9ebb337e3
The team page was a bit of a mess: - invited and active tables didn’t line up - lots of things were wrapping onto two lines - the empty fields for when a user didn’t have permissions looked broken This commit splits each row of the table (not actually a table any more) onto two lines. First line has the user’s info, second has their permissions and any associated actions.
47 lines
693 B
SCSS
47 lines
693 B
SCSS
%tick-cross {
|
|
@include core-16;
|
|
display: inline-block;
|
|
background-size: 19px 19px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
padding: 1px 0 0 25px;
|
|
}
|
|
|
|
.tick-cross {
|
|
|
|
&-tick {
|
|
@extend %tick-cross;
|
|
background-image: file-url('tick.png');
|
|
}
|
|
|
|
&-cross {
|
|
@extend %tick-cross;
|
|
background-image: file-url('cross-grey.png');
|
|
color: $secondary-text-colour;
|
|
}
|
|
|
|
&-list {
|
|
|
|
@extend %grid-row;
|
|
margin-top: 5px;
|
|
|
|
&-permissions {
|
|
|
|
@include grid-column(3/4);
|
|
|
|
li {
|
|
display: inline-block;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
}
|
|
|
|
&-edit-link {
|
|
@include grid-column(1/4);
|
|
text-align: right;
|
|
}
|
|
|
|
}
|
|
|
|
}
|