Clicking on memories opens and focuses calendar
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
parent
53a8c451c6
commit
320b36c37d
@ -63,6 +63,11 @@
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
#header [mode='memories'] b:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#breadcrumb {
|
||||
padding: 0.5em;
|
||||
}
|
||||
@ -83,7 +88,7 @@
|
||||
}
|
||||
|
||||
#pages > div > div {
|
||||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -212,6 +217,11 @@
|
||||
};
|
||||
}
|
||||
|
||||
div:focus {
|
||||
font-weight: bold;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
calendar-element {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
@ -266,6 +276,7 @@
|
||||
</div>
|
||||
<calendar-element
|
||||
id="calendar"
|
||||
tabindex
|
||||
min="2016-01-01"
|
||||
max="2016-12-31"
|
||||
date="{{date}}"></calendar-element>
|
||||
@ -276,10 +287,10 @@
|
||||
</div>
|
||||
<div id="albums" class="flex layout vertical">
|
||||
<template is="dom-repeat" items="[[breadcrumb(path)]]">
|
||||
<div on-tap="loadPath">[[item.name]] /</div>
|
||||
<div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
|
||||
</template>
|
||||
<template is="dom-repeat" items="[[albums.children]]">
|
||||
<div on-tap="loadPath">[[item.name]]</div>
|
||||
<div tabindex="0" on-tap="loadPath">[[item.name]]</div>
|
||||
</template>
|
||||
</div>
|
||||
</iron-pages>
|
||||
@ -291,11 +302,11 @@
|
||||
<iron-pages attr-for-selected="mode" selected="[[mode]]">
|
||||
<div mode="albums" id="breadcrumb" class="horizontal layout center">
|
||||
<template is="dom-repeat" items="[[breadcrumb(path)]]">
|
||||
<div on-tap="loadPath">[[item.name]] /</div>
|
||||
<div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
|
||||
</template>
|
||||
</div>
|
||||
<div mode="time">time</div>
|
||||
<div mode="memories">Photos taken on <b>[[memoryDate]]</b></div>
|
||||
<div mode="memories">Photos taken on <b on-tap="drawerToggle">[[memoryDate]]</b></div>
|
||||
</iron-pages>
|
||||
</div>
|
||||
</app-header>
|
||||
@ -456,6 +467,11 @@
|
||||
if (window.innerWidth >= 800) {
|
||||
this.$.drawer.persistent = true;
|
||||
}
|
||||
if (this.mode == "memories") {
|
||||
this.async(function() {
|
||||
this.$.calendar.$.days.focus();
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user