use svg icons for gpg popovers

This commit is contained in:
Alexis Reigel 2017-07-11 14:12:06 +02:00
parent e5c9c714bd
commit f1e6a9c832
3 changed files with 21 additions and 5 deletions

View File

@ -304,16 +304,30 @@
}
.gpg-popover-icon {
font-size: 35px;
// same margin as .s32.avatar
margin-right: $btn-side-margin;
&.valid {
color: $brand-success;
svg {
border: 1px solid $brand-success;
fill: $brand-success;
}
}
&.invalid {
color: $gray;
svg {
border: 1px solid $gray;
fill: $gray;
}
}
svg {
width: 32px;
height: 32px;
border-radius: 50%;
vertical-align: middle;
}
}

View File

@ -1,5 +1,6 @@
- title = capture do
%i{ class: 'fa fa-question-circle gpg-popover-icon invalid', 'aria-hidden' => 'true' }
.gpg-popover-icon.invalid
= render 'shared/icons/icon_status_notfound_borderless.svg'
%div
This commit was signed with an <strong>unverified</strong> signature.

View File

@ -1,5 +1,6 @@
- title = capture do
%i{ class: 'fa fa-check-circle gpg-popover-icon valid', 'aria-hidden' => 'true' }
.gpg-popover-icon.valid
= render 'shared/icons/icon_status_success_borderless.svg'
%div
This commit was signed with a <strong>verified</strong> signature.