mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-16 13:41:07 +01:00
Made the wildcard image select dialog scrollable
This commit is contained in:
parent
3959c6261d
commit
bea5c08fbd
3 changed files with 13 additions and 6 deletions
|
|
@ -12,7 +12,7 @@ export default class ImageSelectDialog extends HandlebarsApplicationMixin(Applic
|
|||
tag: 'form',
|
||||
classes: ['daggerheart', 'dialog', 'dh-style', 'image-select'],
|
||||
position: {
|
||||
width: 600,
|
||||
width: 612,
|
||||
height: 'auto'
|
||||
},
|
||||
window: {
|
||||
|
|
@ -30,7 +30,10 @@ export default class ImageSelectDialog extends HandlebarsApplicationMixin(Applic
|
|||
|
||||
/** @override */
|
||||
static PARTS = {
|
||||
main: { template: 'systems/daggerheart/templates/dialogs/image-select/main.hbs' },
|
||||
main: {
|
||||
template: 'systems/daggerheart/templates/dialogs/image-select/main.hbs',
|
||||
scrollable: ['.images-container']
|
||||
},
|
||||
footer: { template: 'systems/daggerheart/templates/dialogs/image-select/footer.hbs' }
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,8 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
max-height: 420px;
|
||||
overflow: auto;
|
||||
|
||||
img {
|
||||
width: 136px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<div class="images-container">
|
||||
{{#each images as |image|}}
|
||||
<a data-action="selectImage"><img {{#if (eq image @root.selectedImage)}}class="selected"{{/if}} src="{{image}}" data-image="{{image}}" /></a>
|
||||
{{/each}}
|
||||
<div>
|
||||
<div class="images-container">
|
||||
{{#each images as |image|}}
|
||||
<a data-action="selectImage"><img {{#if (eq image @root.selectedImage)}}class="selected"{{/if}} src="{{image}}" data-image="{{image}}" /></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue