Change visual separation of applications in authorized apps list (#17686)

This commit is contained in:
Claire 2022-03-02 20:28:25 +01:00 committed by GitHub
parent 9b58fb1ea4
commit c0c4b5718d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 2 deletions

View file

@ -888,6 +888,14 @@ a.name-tag,
text-align: center; text-align: center;
} }
.applications-list__item {
padding: 15px 0;
background: $ui-base-color;
border: 1px solid lighten($ui-base-color, 4%);
border-radius: 4px;
margin-top: 15px;
}
.announcements-list { .announcements-list {
border: 1px solid lighten($ui-base-color, 4%); border: 1px solid lighten($ui-base-color, 4%);
border-radius: 4px; border-radius: 4px;

View file

@ -1069,6 +1069,7 @@ code {
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
padding-bottom: 0;
} }
} }
} }

View file

@ -5,9 +5,9 @@
%hr.spacer/ %hr.spacer/
.announcements-list .applications-list
- @applications.each do |application| - @applications.each do |application|
.announcements-list__item .applications-list__item
- if application.website.present? - if application.website.present?
= link_to application.name, application.website, target: '_blank', rel: 'noopener noreferrer', class: 'announcements-list__item__title' = link_to application.name, application.website, target: '_blank', rel: 'noopener noreferrer', class: 'announcements-list__item__title'
- else - else