Add an item sheet for editing Traits
This commit is contained in:
parent
4d0f29d7f0
commit
7de3f1ca87
6 changed files with 119 additions and 2 deletions
21
templates/Apps/TraitSheet/content.hbs
Normal file
21
templates/Apps/TraitSheet/content.hbs
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<div>
|
||||
<input
|
||||
type="text"
|
||||
class="name"
|
||||
aria-label="{{ rc-i18n "Name" }}"
|
||||
name="name"
|
||||
value="{{item.name}}"
|
||||
{{disabled meta.limited}}
|
||||
autocomplete="off"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
data-action="openRichEditor"
|
||||
data-path="system.description"
|
||||
data-uuid="{{item.uuid}}"
|
||||
data-collaborative="true"
|
||||
>
|
||||
Edit Description
|
||||
</button>
|
||||
<div class="value">{{{ enriched.system.description }}}</div>
|
||||
</div>
|
||||
35
templates/Apps/TraitSheet/style.css
Normal file
35
templates/Apps/TraitSheet/style.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
.ripcrypt.TraitSheet {
|
||||
--input-underline: none;
|
||||
max-width: 300px;
|
||||
|
||||
> .window-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 4px;
|
||||
color: var(--base-text);
|
||||
background: var(--base-background);
|
||||
}
|
||||
|
||||
input {
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.value {
|
||||
background: var(--input-background);
|
||||
color: var(--input-text);
|
||||
padding: 4px;
|
||||
|
||||
> :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue