e66598d77f
commit dd00d53895b824fbe4170c4a34b104303f722ccd
Merge: 2b3698e cb9ea12
Author: Robin Linus <robin_woll@capira.de>
Date: Wed Feb 10 00:27:32 2016 -0600
Merge branch 'name-device' into merge123
# Conflicts:
# app/elements/buddy-finder/buddy-avatar.html
# app/elements/buddy-finder/buddy-finder.html
# app/elements/buddy-finder/personal-avatar.html
# app/index.html
commit cb9ea1235001f0cc23514cb622ce711cdc0538af
Author: Robin Linus <robin_woll@capira.de>
Date: Tue Feb 9 23:43:49 2016 -0600
#13 Feature Request: Name your device
commit 6fa43b56f4e705a19e68b62bc671a4948b6968fb
Author: Robin Linus <robin_woll@capira.de>
Date: Fri Jan 1 19:54:56 2016 +0100
Initial
commit fc55c86f5cf95039355d85be7409e68f27246696
Author: Robin Linus <robin_woll@capira.de>
Date: Fri Jan 1 18:06:27 2016 +0100
Fix fullscreen layout on iOS
81 lines
2.1 KiB
HTML
81 lines
2.1 KiB
HTML
<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
|
|
<link rel="import" href="../../styles/icons.html">
|
|
<link rel="import" href="device-name.html">
|
|
<dom-module id="personal-avatar">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
@apply(--layout-vertical);
|
|
@apply(--layout-center);
|
|
width: 360px;
|
|
position: absolute;
|
|
bottom: 16px;
|
|
left: 50%;
|
|
margin-left: -180px;
|
|
z-index: 12;
|
|
cursor: pointer;
|
|
}
|
|
|
|
:host:hover iron-icon,
|
|
:host:hover device-name {
|
|
color: #3367d6;
|
|
}
|
|
|
|
iron-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
color: #4285f4;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.paper-font-body1 {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.discover {
|
|
color: #4285f4;
|
|
line-height: 18px;
|
|
}
|
|
|
|
@media all and (max-width: 370px) {
|
|
.discover {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media all and (max-height: 370px) {
|
|
:host {
|
|
bottom: 8px;
|
|
}
|
|
iron-icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.slogan {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
<device-name id="deviceName"></device-name>
|
|
<iron-icon icon="chat:wifi-tethering"></iron-icon>
|
|
<div class="paper-font-body1 slogan">
|
|
The easiest way to transfer data across devices.
|
|
</div>
|
|
<div class="paper-font-body1 discover">
|
|
Allow me to be discovered by: Everyone in this network.
|
|
</div>
|
|
</template>
|
|
<script>
|
|
'use strict';
|
|
Polymer({
|
|
is: 'personal-avatar',
|
|
listeners: {
|
|
'tap': '_openDeviceNameDialog'
|
|
},
|
|
_openDeviceNameDialog: function() {
|
|
this.$.deviceName.open();
|
|
}
|
|
});
|
|
</script>
|
|
</dom-module>
|