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

Migrated stats tab to Polymer 1.0

Browse Source
This commit is contained in:
Stefan Zermatten
2017-01-17 15:01:11 +02:00
parent b8fdc27df9
commit 420de9b005
19 changed files with 214 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
rpg-docs/client/views/character/stats/abilityCards/abilityCards.css Normal file
View File

@@ -0,0 +1,23 @@
.ability-mini-card {
min-width: 75px;
text-align: center;
cursor: pointer;
-webkit-margin-collapse: separate;
background: #fff;
}
.ability-mini-card .title {
padding: 16px;
}
.ability-mini-card .numbers {
min-width: 72px;
padding: 16px;
}
.ability-mini-card .modifier {
font-weight: 600;
font-size: 24px;
color: #747474;
color: rgba(0,0,0,0.54);
}

25
rpg-docs/client/views/character/stats/abilityCards/abilityCards.html
View File

@@ -1,16 +1,17 @@
<template name="abilityMiniCard">
<div>
<paper-material class="card abilityMiniCard clickable"
hero-id="main" {{detailHero ability ../_id}}
layout horizontal>
<div class="left white-text {{color}}"
hero-id="toolbar" {{detailHero ability ../_id}}>
<div class="display1">{{characterCalculate "attributeValue" ../_id ability}}</div>
<div class="title">{{abilityMod}}</div>
</div>
<div class="right subhead" layout horizontal center>
{{title}}
</div>
</paper-material>
<paper-material class="ability-mini-card layout horizontal">
<div class="numbers">
<div class="paper-font-display1 stat">
{{characterCalculate "attributeValue" ../_id ability}}
</div>
<div class="paper-font-subhead modifier">
{{abilityMod}}
</div>
</div>
<div class="paper-font-subhead title flex layout horizontal center">
{{title}}
</div>
</paper-material>
</div>
</template>