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 (2021-04-29)
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 *