diff options
author | Wojtek Kosior <koszko@koszko.org> | 2022-03-03 14:40:55 +0100 |
---|---|---|
committer | Wojtek Kosior <koszko@koszko.org> | 2022-03-04 16:13:39 +0100 |
commit | 652e4476fdc2c7177145c0d993159f84a5f64c55 (patch) | |
tree | ce4b77f2b64bb1e8d2586104e9c9515027dd69ef /html/item_preview.js | |
parent | 22fe27f0e1399deaf13b416f2d35a2e12ea0f358 (diff) | |
download | browser-extension-652e4476fdc2c7177145c0d993159f84a5f64c55.tar.gz browser-extension-652e4476fdc2c7177145c0d993159f84a5f64c55.zip |
improve styling of item preview
Diffstat (limited to 'html/item_preview.js')
-rw-r--r-- | html/item_preview.js | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/html/item_preview.js b/html/item_preview.js index cdc56d9..fed03d2 100644 --- a/html/item_preview.js +++ b/html/item_preview.js @@ -129,12 +129,10 @@ function mapping_preview(mapping, preview_object, link_cb=make_file_link) { /* We use a non-breaking space because normal space would be ignored. */ const [nbsp, rarrow] = [160, 0x2192].map(n => String.fromCodePoint(n)); const texts = [`${pattern}${nbsp}`, `${rarrow} ${payload.identifier}`]; - for (let i = 0; i < texts.length; i++) { - const span = document.createElement("span"); - span.innerText = texts[i]; - span.classList.add(`grid_col_${i + 1}`); - preview_object.payloads.append(span); - } + const payload_entry = clone_template("pattern_payload_entry"); + payload_entry.pattern.innerText = pattern; + payload_entry.payload.innerText = payload.identifier; + preview_object.payloads.append(payload_entry.main_div); } const link_maker = file_ref => link_cb(preview_object, file_ref); |