Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
425c42d049 | ||
|
|
ab6f0c4f5b | ||
|
|
5d6e57b896 | ||
|
|
7c0a8125f2 | ||
|
|
7481ef08a8 |
@@ -3,17 +3,24 @@
|
||||
$thickColumnWidth: 304px;
|
||||
$thinColumnWidth: 240px;
|
||||
|
||||
//Column layouts of cards
|
||||
//Column layout
|
||||
.column-container {
|
||||
@include column-fill(balance);
|
||||
@include column-gap(8px);
|
||||
@include column-gap(0px);
|
||||
@include column-width($thickColumnWidth);
|
||||
padding: 8px;
|
||||
padding: 4px;
|
||||
|
||||
&.thin-columns {
|
||||
@include column-count(4);
|
||||
@include column-width($thinColumnWidth);
|
||||
}
|
||||
& > div {
|
||||
padding: 4px;
|
||||
//stop divs breaking over multiple columns
|
||||
-webkit-column-break-inside: avoid;
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
}
|
||||
|
||||
//Cards
|
||||
@@ -21,20 +28,6 @@ $thinColumnWidth: 240px;
|
||||
background: white;
|
||||
border-radius: 2px;
|
||||
|
||||
.column-container & {
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
//hack to stop flickering
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translateX(0);
|
||||
//stop breaking over column divide
|
||||
-webkit-column-break-inside: avoid;
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
//Fixes extra margin at top of columns
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.top {
|
||||
cursor: pointer;
|
||||
padding: 16px;
|
||||
|
||||
@@ -42,6 +42,7 @@ var stats = {
|
||||
"rageDamage":{"name":"Rage Damage"},
|
||||
"expertiseDice":{"name":"Expertise Dice"},
|
||||
"superiorityDice":{"name":"Superiority Dice"},
|
||||
"carryMultiplier": {"name": "Carry Capacity Multiplier"},
|
||||
"level1SpellSlots":{"name":"level 1 Spell Slots"},
|
||||
"level2SpellSlots":{"name":"level 2 Spell Slots"},
|
||||
"level3SpellSlots":{"name":"level 3 Spell Slots"},
|
||||
|
||||
@@ -14,6 +14,7 @@
|
||||
{{>resource name="superiorityDice" title="Superiority Dice" color="teal" char=this}}
|
||||
|
||||
<!--Attacks-->
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="top white">
|
||||
Attacks
|
||||
@@ -48,8 +49,10 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
|
||||
<!--Proficiencies-->
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="white top">
|
||||
Proficiencies
|
||||
@@ -75,9 +78,11 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
|
||||
<!--features-->
|
||||
{{#each features}}
|
||||
<div>
|
||||
<paper-shadow class="card featureCard"
|
||||
hero-id="main" {{detailHero}}>
|
||||
<div class="top {{colorClass}} subhead"
|
||||
@@ -119,6 +124,7 @@
|
||||
</div>
|
||||
{{/if}}
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="fab-buffer"></div>
|
||||
@@ -138,6 +144,7 @@
|
||||
|
||||
<template name="resource">
|
||||
{{#if characterCalculate "attributeBase" char._id name}}
|
||||
<div>
|
||||
<paper-shadow class="card"
|
||||
hero-id="main" {{detailHero name char._id}}
|
||||
layout horizontal>
|
||||
@@ -162,5 +169,6 @@
|
||||
{{title}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/if}}
|
||||
</template>
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<div id="inventory" class="scroll-y" fit>
|
||||
<div class="column-container">
|
||||
<!--Net Worth-->
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="white top" layout horizontal center>
|
||||
<div class="subhead" flex>
|
||||
@@ -13,7 +14,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
<!--Weight Carried-->
|
||||
<div>
|
||||
<paper-shadow class="card"
|
||||
hero-id="main" {{detailHero "weightCarried" _id}}>
|
||||
<div class="top green white-text weightCarried"
|
||||
@@ -48,7 +51,9 @@
|
||||
</div>
|
||||
{{/if}}
|
||||
</paper-shadow>
|
||||
</div>
|
||||
<!--Equipment-->
|
||||
<div>
|
||||
<paper-shadow class="card equipmentContainer">
|
||||
<div class="white top" layout horizontal center>
|
||||
<div class="subhead" flex>
|
||||
@@ -76,7 +81,9 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
<!--Carried Items-->
|
||||
<div>
|
||||
<paper-shadow class="card carriedContainer">
|
||||
<div class="white top" layout horizontal center>
|
||||
<div class="subhead" flex>
|
||||
@@ -95,7 +102,9 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{#each containers}}
|
||||
<div>
|
||||
<paper-shadow class="card itemContainer"
|
||||
hero-id="main" {{detailHero}}>
|
||||
<div class="top {{colorClass}}"
|
||||
@@ -124,6 +133,7 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="fab-buffer"></div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div id="journal" class="scroll-y" fit>
|
||||
<div class="column-container">
|
||||
<!--Experience Table-->
|
||||
<paper-shadow class="card experiencesCard"
|
||||
<div><paper-shadow class="card experiencesCard"
|
||||
hero-id="main" {{detailHero}}>
|
||||
<div class="top white subhead"
|
||||
hero-id="toolbar" {{detailHero}}
|
||||
@@ -37,9 +37,9 @@
|
||||
</paper-button>
|
||||
</div>
|
||||
{{/if}}
|
||||
</paper-shadow>
|
||||
</paper-shadow></div>
|
||||
<!--Class Table-->
|
||||
<paper-shadow class="card"
|
||||
<div><paper-shadow class="card"
|
||||
hero-id="main" {{detailHero}}>
|
||||
<div class="white top"
|
||||
hero-id="toolbar" {{detailHero}}
|
||||
@@ -78,9 +78,10 @@
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</paper-shadow></div>
|
||||
<!--Notes-->
|
||||
{{#each notes}}
|
||||
<div>
|
||||
<paper-shadow class="card" hero-id="main" {{detailHero}}>
|
||||
<div class="top {{colorClass}} noteTop subhead"
|
||||
hero-id="toolbar" {{detailHero}}
|
||||
@@ -89,6 +90,7 @@
|
||||
</div>
|
||||
<div class="bottom">{{#markdown}}{{description}}{{/markdown}}</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="fab-buffer"></div>
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<div id="persona" class="scroll-y" fit>
|
||||
<div class="column-container">
|
||||
{{#with characterDetails}}
|
||||
<div>
|
||||
<paper-shadow class="card"
|
||||
hero-id="main" {{detailHero "details" _id}}>
|
||||
{{#unless picture}}
|
||||
@@ -32,13 +33,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/with}}
|
||||
{{> containerCard characterField "description" "Description"}}
|
||||
{{> containerCard characterField "personality" "Personality Traits"}}
|
||||
{{> containerCard characterField "ideals" "Ideals"}}
|
||||
{{> containerCard characterField "bonds" "Bonds"}}
|
||||
{{> containerCard characterField "flaws" "Flaws"}}
|
||||
{{> containerCard characterField "backstory" "Background"}}
|
||||
<div>{{> containerCard characterField "description" "Description"}}</div>
|
||||
<div>{{> containerCard characterField "personality" "Personality Traits"}}</div>
|
||||
<div>{{> containerCard characterField "ideals" "Ideals"}}</div>
|
||||
<div>{{> containerCard characterField "bonds" "Bonds"}}</div>
|
||||
<div>{{> containerCard characterField "flaws" "Flaws"}}</div>
|
||||
<div>{{> containerCard characterField "backstory" "Background"}}</div>
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="white top subhead">
|
||||
Languages
|
||||
@@ -49,6 +52,7 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
<div style="padding: 4px;"
|
||||
layout horizontal start wrap>
|
||||
{{#if hasSlots}}
|
||||
<div>
|
||||
<paper-shadow class="card"
|
||||
style="margin: 4px;"
|
||||
hero-id="main" {{detailHero}}>
|
||||
@@ -33,8 +34,10 @@
|
||||
{{/if}}{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#each spellLists}}
|
||||
<div>
|
||||
<paper-shadow class="card spellList" flex
|
||||
hero-id="main" {{detailHero}}
|
||||
style="margin: 4px;">
|
||||
@@ -123,6 +126,7 @@
|
||||
{{/each}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="fab-buffer"></div>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<template name="abilityMiniCard">
|
||||
<div>
|
||||
<paper-shadow class="card abilityMiniCard clickable"
|
||||
hero-id="main" {{detailHero ability ../_id}}
|
||||
layout horizontal>
|
||||
@@ -11,4 +12,5 @@
|
||||
{{title}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template name="hitDice">
|
||||
{{#if characterCalculate "attributeBase" ../_id name}}
|
||||
<div>
|
||||
<paper-shadow class="card hit-dice" hero-id="main"
|
||||
{{detailHero name ../_id}}
|
||||
layout horizontal>
|
||||
@@ -29,5 +30,6 @@
|
||||
Hit Dice
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
{{/if}}
|
||||
</template>
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
{{>hitDice name="d10HitDice" diceNum="10" char=this}}
|
||||
{{>hitDice name="d12HitDice" diceNum="12" char=this}}
|
||||
<!--Saving Throws-->
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="top white subhead">
|
||||
Saving Throws
|
||||
@@ -40,7 +41,9 @@
|
||||
{{> skillRow name="Charisma" skill="charismaSave"}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
<!--Skills-->
|
||||
<div>
|
||||
<paper-shadow class="card">
|
||||
<div class="top white subhead">
|
||||
Skills
|
||||
@@ -66,11 +69,13 @@
|
||||
{{> skillRow name="Survival" skill="survival"}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template name="statCard">
|
||||
<div>
|
||||
<paper-shadow class="card statCard clickable" hero-id="main" {{detailHero stat ../_id}} layout horizontal>
|
||||
<div class="left display1 white-text {{color}}"
|
||||
hero-id="toolbar" {{detailHero stat ../_id}}>
|
||||
@@ -84,4 +89,5 @@
|
||||
{{name}}
|
||||
</div>
|
||||
</paper-shadow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -260,3 +260,11 @@ ChangeLogs.insert({
|
||||
"Improved loading times by vulcanizing polymer imports",
|
||||
],
|
||||
});
|
||||
|
||||
ChangeLogs.insert({
|
||||
version: "0.7.1",
|
||||
changes: [
|
||||
"Fixed carry capacity effects not displaying correctly when not editing",
|
||||
"Changed how columns are presented to fix a display issue introduced in Chrome 44",
|
||||
],
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user