Operation arguments are now arranged using CSS Grid

This commit is contained in:
n1474335 2018-06-19 00:55:08 +01:00
parent 974ab29e36
commit ba79144036
12 changed files with 96 additions and 33 deletions

View file

@ -69,13 +69,15 @@ class HTMLOperation {
* @returns {string}
*/
toFullHtml() {
let html = `<div class="op-title">${this.name}</div>`;
let html = `<div class="op-title">${this.name}</div>
<div class="ingredients">`;
for (let i = 0; i < this.ingList.length; i++) {
html += this.ingList[i].toHtml();
}
html += `<div class="recip-icons">
html += `</div>
<div class="recip-icons">
<i class="material-icons breakpoint" title="Set breakpoint" break="false">pause</i>
<i class="material-icons disable-icon" title="Disable operation" disabled="false">not_interested</i>
</div>