jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added custom tab pages animations

Browse Source
This commit is contained in:
Stefan Zermatten
2017-01-27 15:34:09 +02:00
parent d710579025
commit 3530eefb2a
12 changed files with 185 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
rpg-docs/client/views/character/characterSheet.html
View File

@@ -1,6 +1,6 @@
<template name="characterSheet">
<app-header-layout has-scrolling-region fullbleed>
<app-header fixed>
<div class="fit layout vertical character-sheet">
<app-header fixed effects="waterfall">
<app-toolbar class="medium-tall {{colorClass}}">
<div top-item class="layout horizontal center">
<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
@@ -42,17 +42,17 @@
</div>
</app-toolbar>
</app-header>
<div>
<neon-animated-pages id="tabPages" selected={{selectedTab}}>
<div name="stats">{{> stats}}</div>
<div name="features">{{> features}}</div>
<div name="inventory">{{> inventory}}</div>
<div class="flex" style="position: relative;">
<iron-pages id="tabPages" class="fit" selected={{selectedTab}}>
<div name="stats" class="tab-page fit">{{> stats}}</div>
<div name="features" class="tab-page fit">{{> features}}</div>
<div name="inventory" class="tab-page fit">{{> inventory}}</div>
{{#unless hideSpellcasting}}
<div name="spells">{{> spells}}</div>
<div name="spells" class="tab-page fit">{{> spells}}</div>
{{/unless}}
<div name="persona">{{> persona}}</div>
<div name="journal">{{> journal}}</div>
</neon-animated-pages>
<div name="persona" class="tab-page fit">{{> persona}}</div>
<div name="journal" class="tab-page fit">{{> journal}}</div>
</iron-pages>
</div>
</app-header-layout>
</div>
</template>