mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-23 15:57:23 -04:00
be83ea36ea
Change the HTML & CSS for user-list-item's to support their content being split into 2 columns of a grid instead of the edit link being positioned absolutely. Also includes: 1. removes `<div>`s from `<ul>` (non-valid HTML) 2. split action link out from permissions list 3. split summary of folder permissions out from permissions list 4. introduces a class for blocks of text that appear when there are no items. 5. fixes tests broken by changes to HTML
48 lines
719 B
SCSS
48 lines
719 B
SCSS
%tick-cross {
|
|
@include core-19;
|
|
display: inline-block;
|
|
background-size: 19px 19px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 6px;
|
|
padding: 6px 0 5px 25px;
|
|
}
|
|
|
|
.tick-cross {
|
|
|
|
&-tick {
|
|
@extend %tick-cross;
|
|
background-image: file-url('tick.png');
|
|
}
|
|
|
|
&-cross {
|
|
@extend %tick-cross;
|
|
color: $secondary-text-colour;
|
|
background-image: file-url('cross-grey.png');
|
|
box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
&-list {
|
|
|
|
position: relative;
|
|
|
|
&-permissions {
|
|
|
|
margin-top: 5px;
|
|
|
|
li {
|
|
display: block;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
}
|
|
|
|
&-hint {
|
|
color: #6F777B;
|
|
padding-top: 5px;
|
|
margin: 0;
|
|
}
|
|
|
|
}
|
|
|
|
}
|