Add dashed underline to footer links (#340)

Fixes: https://github.com/resin-io/etcher/issues/338
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-04-18 13:16:26 -04:00
parent 5baf8e5407
commit 284f2a0ebb
4 changed files with 13 additions and 7 deletions

View File

@ -6376,9 +6376,11 @@ body {
padding: 0; } padding: 0; }
.section-footer .svg-icon { .section-footer .svg-icon {
margin: 0 13px; } margin: 0 13px; }
.section-footer [os-open-external]:hover { .section-footer .caption[os-open-external], .section-footer [os-open-external].icon-caption {
color: #85898c; border-bottom: 1px dashed;
text-decoration: underline; } padding-bottom: 2px; }
.section-footer .caption[os-open-external]:hover, .section-footer [os-open-external].icon-caption:hover {
color: #85898c; }
.section-footer .footer-right { .section-footer .footer-right {
position: absolute; position: absolute;
right: 0; right: 0;

View File

@ -41,7 +41,7 @@
os-open-external="http://etcher.io"></svg-icon> os-open-external="http://etcher.io"></svg-icon>
<span class="caption"> <span class="caption">
IS <span os-open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY IS <span class="caption" os-open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY
</span> </span>
<svg-icon path="../../../../../assets/images/resin.svg" <svg-icon path="../../../../../assets/images/resin.svg"

View File

@ -103,9 +103,13 @@ body {
margin: 0 13px; margin: 0 13px;
} }
[os-open-external]:hover { .caption[os-open-external] {
border-bottom: 1px dashed;
padding-bottom: 2px;
&:hover {
color: lighten($color-disabled, 5%); color: lighten($color-disabled, 5%);
text-decoration: underline; }
} }
.footer-right { .footer-right {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 124 KiB