Mercurial > libervia-templates
changeset 319:45499870bbf4
bulma: new `editor` templates:
Those template design element needed for editing items such as blog posts.
Elements for a "Tags Editor" are implemented.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Thu, 29 Apr 2021 15:55:14 +0200 |
| parents | b7e5ce6bc82d |
| children | b9e04a8a45c3 |
| files | sat_templates/templates/bulma/editor/tag.html sat_templates/templates/bulma/editor/tags_editor.html sat_templates/templates/bulma/static/styles.css |
| diffstat | 3 files changed, 29 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/editor/tag.html Thu Apr 29 15:55:14 2021 +0200 @@ -0,0 +1,10 @@ +{# display a tag element which can be removed + + if the locale differs from item language, it will be totally reduced, and will need a click to be displayed + + @variable label: +#} +<span class="tag"> + {{label}} + <button class="delete click_to_delete"></button> +</span>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/editor/tags_editor.html Thu Apr 29 15:55:14 2021 +0200 @@ -0,0 +1,9 @@ +{# field to editor tags + + This field will hide and sync original form input field +#} + + +<div class="tags are-medium"> + <input class="input tag_input" type="text"> +</div>
--- a/sat_templates/templates/bulma/static/styles.css Thu Apr 29 15:53:31 2021 +0200 +++ b/sat_templates/templates/bulma/static/styles.css Thu Apr 29 15:55:14 2021 +0200 @@ -171,6 +171,16 @@ transition: opacity 0.5s ease-out, transform 0.5s ease-out; } +/********** + * editor * + **********/ + +.tag_input { + flex-grow: 1; + margin-bottom: 0.5rem; + width: auto; +} + /*********** * dialogs *