Feature argument grid layout (#360)

* feature: Argument form now uses a grid layout, making the input boxes take up available room

* feature: Argument form now uses a grid layout, making the input boxes take up available room

* feature: Argument form now uses a grid layout, making the input boxes take up available room

* feature: Argument form now uses a grid layout, making the input boxes take up available room
This commit is contained in:
James Read
2024-07-15 17:17:08 +01:00
committed by GitHub
parent 31d7168aac
commit a1563b72ae
2 changed files with 18 additions and 19 deletions

View File

@@ -60,15 +60,10 @@ class ArgumentForm extends window.HTMLElement {
this.argInputs = []
for (const arg of args) {
const domArgumentWrapper = document.createElement('p')
domArgumentWrapper.classList.add('argument-wrapper')
domArgumentWrapper.appendChild(this.createDomLabel(arg))
domArgumentWrapper.appendChild(this.createDomSuggestions(arg))
domArgumentWrapper.appendChild(this.createDomInput(arg))
domArgumentWrapper.appendChild(this.createDomDescription(arg))
this.domArgs.appendChild(domArgumentWrapper)
this.domArgs.appendChild(this.createDomLabel(arg))
this.domArgs.appendChild(this.createDomSuggestions(arg))
this.domArgs.appendChild(this.createDomInput(arg))
this.domArgs.appendChild(this.createDomDescription(arg))
}
}
@@ -191,7 +186,7 @@ class ArgumentForm extends window.HTMLElement {
createDomDescription (arg) {
const domArgumentDescription = document.createElement('span')
domArgumentDescription.classList.add('argument-description')
domArgumentDescription.innerText = arg.description
domArgumentDescription.innerHTML = arg.description
return domArgumentDescription
}