A sort of hacky fix to the issue - text wrapping doesn't quite work

This commit is contained in:
Jacob
2017-07-17 04:43:39 +01:00
parent 398f8a8a2a
commit 832ed0c1ff
5 changed files with 31 additions and 11 deletions

View File

@@ -68,8 +68,11 @@
{{/if}}
</div>
<!--description-->
<paper-textarea label="Description" id="featureDescriptionInput" value={{description}}></paper-textarea>
<!--Description-->
<div class=description-input>
<paper-textarea id="featureDescriptionInput" label="Description" value={{description}}></paper-textarea>
{{> textareaBracketSuffix}}
</div>
{{> effectsEditList parentId=_id parentCollection="Features" charId=charId name=name enabled=enabled}}
{{> proficiencyEditList parentId=_id parentCollection="Features" charId=charId enabled=enabled}}

View File

@@ -61,12 +61,10 @@
</div>
<!--Description-->
<paper-textarea id="itemDescriptionInput" label="Description" value={{description}}>
<div suffix>
<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>
<iron-icon icon="dicecloud:code-braces"></iron-icon>
</div>
</paper-textarea>
<div class=description-input>
<paper-textarea id="itemDescriptionInput" label="Description" value={{description}}></paper-textarea>
{{> textareaBracketSuffix}}
</div>
<!--Effects-->
{{> effectsEditList parentId=_id parentCollection="Items" charId=charId enabled=equipped name=name}}
<!--Attacks-->

View File

@@ -111,8 +111,10 @@
</paper-checkbox>
</div>
<!--Description-->
<paper-textarea id="descriptionInput" label="Description" value="{{description}}">
</paper-textarea>
<div class=description-input>
<paper-textarea id="descriptionInput" label="Description" value={{description}}></paper-textarea>
{{> textareaBracketSuffix}}
</div>
{{> attackEditList parentId=_id parentCollection="Spells" charId=charId enabled=true name=name}}
</template>

View File

@@ -0,0 +1,10 @@
.textarea-bracket-suffix {
float: right;
position: absolute;
right: 6px;
bottom: 12px;
}
.description-input {
position: relative;
}

View File

@@ -11,3 +11,10 @@
<iron-icon icon="dicecloud:code-braces"></iron-icon>
</div>
</template>
<template name="textareaBracketSuffix">
<div class="textarea-bracket-suffix">
<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>
<iron-icon icon="dicecloud:code-braces"></iron-icon>
</div>
</template>