Styling for shorturl

This commit is contained in:
Robin Linus 2015-12-31 18:31:03 +01:00
parent 1c935030b6
commit 2a8f688bee

View file

@ -36,17 +36,32 @@
cursor: pointer; cursor: pointer;
} }
.explanation { .explanation {
@apply(--paper-font-headline); @apply(--paper-font-headline);
color: #4285f4; color: #4285f4;
text-align: center; text-align: center;
cursor: default;
} }
.short { .short {
@apply(--paper-font-body1); font-size: 14px;
color: #333; line-height: 18px;
color: #505050;
}
.short a {
color: #4285f4;
text-decoration: none;
}
.explanation:hover a {
transform: scale(1.1);
}
@media all and (max-width: 600px) {
.explanation {
width: 340px;
}
} }
[only] { [only] {
@ -64,11 +79,10 @@
</template> </template>
</div> </div>
<div hidden$="{{buddies.0}}" class="explanation"> <div hidden$="{{buddies.0}}" class="explanation">
Open Snapdrop on other devices Open Snapdrop on other devices to send files.
<br> to send files. <div class="short">
<paper-tooltip offset="14"> Short link: <a href="http://yg.gl" target="_blank">yg.gl</a>
short url: yg.gl </div>
</paper-tooltip>
</div> </div>
<personal-avatar class="me"></personal-avatar> <personal-avatar class="me"></personal-avatar>
</template> </template>