darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-02 17:48:50 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
a85f7fa2c1a9ae04e4abc250660dc60ef64b02af
notifications-admin/app/assets/stylesheets/views/users.scss

42 lines
674 B
SCSS
Raw Normal View History

Tidy up layout of letter contact blocks Linebreaks are an important part of the letter contact block, and make it easier to read. Bold text works for short pieces of info like email addresses or phone numbers, but is too heavy for the letter contact blocks because they tend to be longer.
2017-10-25 11:46:12 +01:00
$item-top-padding: $gutter-half;
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
.user-list {
Use 19px not 16px type in more places Making the navigation narrower means that we have more space on every page. So on pages where we had to use 16px type just to fit stuff on the page we can now bump the type size up to something less miserly. This is mainly the team and settings pages. We still need to use 16px on pages which list notifications or previews of spreadsheets, because we’re still trying to fit a lot of information onto these pages, so every little space-saving helps.
2017-03-15 12:50:45 +00:00
@include core-19;
Make ‘Add new’ buttons sticky on more pages For consistency with the template management page.
2019-02-01 12:36:03 +00:00
margin-bottom: $gutter;
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
&-item {
Tidy up layout of letter contact blocks Linebreaks are an important part of the letter contact block, and make it easier to read. Bold text works for short pieces of info like email addresses or phone numbers, but is too heavy for the letter contact blocks because they tend to be longer.
2017-10-25 11:46:12 +01:00
padding: $item-top-padding 150px $gutter-half 0;
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
border-top: 1px solid $border-colour;
Tidy up layout of letter contact blocks Linebreaks are an important part of the letter contact block, and make it easier to read. Bold text works for short pieces of info like email addresses or phone numbers, but is too heavy for the letter contact blocks because they tend to be longer.
2017-10-25 11:46:12 +01:00
position: relative;
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
Don’t wrap users onto multiple lines It looks cleaner to truncate instead. You can always see the full email address by clicking into ‘edit’.
2018-11-22 10:41:47 +00:00
h3 {
Add space between email address and edit link It was all getting a bit cramped.
2019-02-25 15:15:00 +00:00
padding-right: $gutter-half;
Don’t wrap users onto multiple lines It looks cleaner to truncate instead. You can always see the full email address by clicking into ‘edit’.
2018-11-22 10:41:47 +00:00
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: $secondary-text-colour; // So the ellipsis is grey
.heading-small {
color: $black;
}
}
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
&:last-child {
border-bottom: 1px solid $border-colour;
}
}
Tidy up layout of letter contact blocks Linebreaks are an important part of the letter contact block, and make it easier to read. Bold text works for short pieces of info like email addresses or phone numbers, but is too heavy for the letter contact blocks because they tend to be longer.
2017-10-25 11:46:12 +01:00
&-edit-link {
text-align: right;
position: absolute;
top: $item-top-padding;
right: 0px;
}
Tidy layout of team page 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.
2016-07-07 09:17:50 +01:00
}
Reference in New Issue Copy Permalink