changeset 246:1928ba66c194

bulma: replaced custom styles by new spacing helpers
author Goffi <goffi@goffi.org>
date Fri, 19 Jun 2020 17:57:13 +0200
parents 10278ba367a2
children 40fccd3b7cf0
files sat_templates/templates/bulma/blog/articles.html sat_templates/templates/bulma/blog/discover.html sat_templates/templates/bulma/blog/item.html sat_templates/templates/bulma/chat/chat.html sat_templates/templates/bulma/chat/select.html sat_templates/templates/bulma/event/admin.html sat_templates/templates/bulma/event/attendance.html sat_templates/templates/bulma/event/counter.html sat_templates/templates/bulma/forum/overview.html sat_templates/templates/bulma/forum/view_topics.html sat_templates/templates/bulma/merge-request/item.html sat_templates/templates/bulma/ticket/create.html sat_templates/templates/bulma/ticket/edit.html sat_templates/templates/bulma/ticket/item.html sat_templates/templates/bulma/ticket/overview.html
diffstat 15 files changed, 24 insertions(+), 24 deletions(-) [+]
line wrap: on
line diff
--- a/sat_templates/templates/bulma/blog/articles.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/blog/articles.html	Fri Jun 19 17:57:13 2020 +0200
@@ -21,7 +21,7 @@
 
 {% block body %}
 {% if items %}
-    <div class="container has-margin-top-1">
+    <div class="container mt-4">
         <div id="blog_items" class="columns">
             <div class="column">
                 {{ blog.show_items(items, expanded=single) }}
@@ -29,7 +29,7 @@
         </div>
     </div>
 {% else %}
-    <div class="message has-margin-top-1">
+    <div class="message mt-4">
         <div class="message-body">
             {% trans %}No articles found in this blog!{% endtrans %}
         </div>
--- a/sat_templates/templates/bulma/blog/discover.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/blog/discover.html	Fri Jun 19 17:57:13 2020 +0200
@@ -24,10 +24,10 @@
             <div class="column is-2-desktop is-4-touch">
                 <div class="card x-is-hoverable">
                     <a href="{{entities_url[entity]}}" class="items_vert--centered">
-                        <div class="card-image is-flex has-items-centered has-padding-1">
+                        <div class="card-image is-flex has-items-centered px-1 py-1">
                             {{ avatar.avatar(entity, "is-64x64") }}
                         </div>
-                        <div class="card-content has-text-centered has-text-shortenable has-padding-1">
+                        <div class="card-content has-text-centered has-text-shortenable px-1 py-1">
                             <span>{{ identities[entity].nicknames[0] if identities[entity].nicknames else entity }}</span>
                         </div>
                     </a>
--- a/sat_templates/templates/bulma/blog/item.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/blog/item.html	Fri Jun 19 17:57:13 2020 +0200
@@ -15,7 +15,7 @@
     {# we may display items in different language in a specific way #}
     {% set other_lang = " other_lang" if expanded else " other_lang state_init" %}
 {% endif %}
-    <article id="{{item.id}}" class="media has-background-white has-padding-1" >
+    <article id="{{item.id}}" class="media has-background-white px-1 py-1" >
         {% if identities is defined %}
             {% if avatar is defined %}
                 <div class="media-left">
--- a/sat_templates/templates/bulma/chat/chat.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/chat/chat.html	Fri Jun 19 17:57:13 2020 +0200
@@ -2,7 +2,7 @@
 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
 {% block title %}{{ target_jid }} - {{ super() }}{% endblock %}
 {% block body %}
-<div class="container has-background-white has-padding-1">
+<div class="container has-background-white px-1 py-1">
     <div id="messages">
     {% if subject is defined %}
         <div class="notification is-primary">
@@ -13,7 +13,7 @@
         {% include 'chat/message.html' %}
     {% endfor %}
     </div>
-    <textarea id="message_input" class="textarea has-margin-top-1 chat_input" name="message" type="text" rows="1" placeholder="{{_("enter your message")}}"></textarea>
+    <textarea id="message_input" class="textarea mt-4 chat_input" name="message" type="text" rows="1" placeholder="{{_("enter your message")}}"></textarea>
 </div>
 {% endblock body %}
 
--- a/sat_templates/templates/bulma/chat/select.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/chat/select.html	Fri Jun 19 17:57:13 2020 +0200
@@ -19,10 +19,10 @@
             <div class="column is-2-desktop is-4-touch">
                 <div class="card x-is-hoverable">
                     <a href="{{room.url}}">
-                        <div class="card-image is-flex has-items-centered has-padding-1">
+                        <div class="card-image is-flex has-items-centered px-1 py-1">
                             {{ avatar.avatar(room.jid, "is-64x64") }}
                         </div>
-                        <div class="card-content has-text-centered has-text-shortenable has-padding-1">
+                        <div class="card-content has-text-centered has-text-shortenable px-1 py-1">
                             <span>{{room.name}}</span>
                         </div>
                     </a>
--- a/sat_templates/templates/bulma/event/admin.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/event/admin.html	Fri Jun 19 17:57:13 2020 +0200
@@ -101,7 +101,7 @@
                 {{ field.checkbox("comments",
                                   _("allow comments"),
                                   checked=true) }}
-                {{ field.submit(_("send"), class="has-margin-top-1") }}
+                {{ field.submit(_("send"), class="mt-4") }}
             {% endcall %}
         </div>
 
--- a/sat_templates/templates/bulma/event/attendance.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/event/attendance.html	Fri Jun 19 17:57:13 2020 +0200
@@ -17,7 +17,7 @@
 <div class="guests">
     {{ field.int("guests", label=_("How many people will come (including you)?"), init=invitee.get("guests", 1)) }}
 </div>
-<div class="submit has-margin-top-1">
+<div class="submit mt-4">
     {{ field.submit() }}
 </div>
 {% endcall %}
--- a/sat_templates/templates/bulma/event/counter.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/event/counter.html	Fri Jun 19 17:57:13 2020 +0200
@@ -1,6 +1,6 @@
 {% if days_left is defined %}
     {% if days_left > 0 %}
-        <div class="notification is-success has-text-centered has-text-weight-bold has-margin-top-1">
+        <div class="notification is-success has-text-centered has-text-weight-bold mt-4">
             {% trans %}
                 {{days_left}} day left
             {% pluralize %}
@@ -8,7 +8,7 @@
             {% endtrans %}
         </div>
     {% else %}
-        <div class="notification is-danger has-text-centered has-text-weight-bold has-margin-top-1">{% trans %}the event is finished{% endtrans %}</div>
+        <div class="notification is-danger has-text-centered has-text-weight-bold mt-4">{% trans %}the event is finished{% endtrans %}</div>
     {% endif %}
 
 {% endif %}
--- a/sat_templates/templates/bulma/forum/overview.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/forum/overview.html	Fri Jun 19 17:57:13 2020 +0200
@@ -4,7 +4,7 @@
     {% if level == 0 %}
         <section class="section">
             {% for forum in forums_data %}
-                <div class="box content has-text-centered has-background-info has-margin-top-1">
+                <div class="box content has-text-centered has-background-info mt-4">
                     <h4 class="title has-text-white">{{ forum.title }}</h4>
                     {% if 'short-desc' in forum %}
                         <p class="subtitle is-size-7 is-italic has-text-white">{{ forum['short-desc'] }}</h5>
@@ -18,7 +18,7 @@
     {% else %}
         <div class="forum forum__panel_{{panel_type}}">
             {% for forum in forums_data %}
-                <div class="has-vmargin-1 forum forum__cat_{{panel_type}} forum__level_{{level}}">
+                <div class="my-2 forum forum__cat_{{panel_type}} forum__level_{{level}}">
                     {% if 'http_url' in forum %}
                         <a href="{{forum['http_url']}}" class="box content x-is-hoverable">
                     {% else %}
--- a/sat_templates/templates/bulma/forum/view_topics.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/forum/view_topics.html	Fri Jun 19 17:57:13 2020 +0200
@@ -20,7 +20,7 @@
     {% endif %}
 
     <section class="section">
-        <div class="has-background-white has-padding-1">
+        <div class="has-background-white px-1 py-1">
             {% for topic in topics %}
                 <div class="media has-items-vcentered">
                     <div class="media-left">
--- a/sat_templates/templates/bulma/merge-request/item.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/merge-request/item.html	Fri Jun 19 17:57:13 2020 +0200
@@ -42,7 +42,7 @@
         <div class="tab__page state_clicked" id="tab_description">
             <div class="columns">
                 <div class="column has-background-white">
-                    <div id="{{ item.widget_value['id'] }}" class="media has-padding-1">
+                    <div id="{{ item.widget_value['id'] }}" class="media px-1 py-1">
                         {% if identities is defined %}
                             {% if avatar is defined %}
                                 <figure class="media-left">
@@ -109,7 +109,7 @@
                     <div class="card-content has-background-primary">
                         <p class="commit_msg">{{patch.commit_msg}}</p>
                     </div>
-                    <div class="card-footer has-vpadding-6">
+                    <div class="card-footer py-5">
                         <div class="level">
                             <div class="level-left">
                                 <div class="level-item">
@@ -119,7 +119,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="box has-margin-top-1">
+                <div class="box mt-4">
                     <div class="diff">
                         {{- patch.diff|highlight('diff') -}}
                     </div>
--- a/sat_templates/templates/bulma/ticket/create.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/ticket/create.html	Fri Jun 19 17:57:13 2020 +0200
@@ -23,7 +23,7 @@
             'placeholder': _("Please describe your issue/request with as much details as possible. You can use Markdown syntax.")},
             'labels': {'placeholder': _("You can enter one or several labels separated by commas")},
             })}}
-            {{ field.submit(_("Create ticket"), class="has-margin-top-1") }}
+            {{ field.submit(_("Create ticket"), class="mt-4") }}
             {% endcall %}
         </div>
     </div>
--- a/sat_templates/templates/bulma/ticket/edit.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/ticket/edit.html	Fri Jun 19 17:57:13 2020 +0200
@@ -16,7 +16,7 @@
                                              'placeholder': _("Please describe your issue/request with as much details as possible. You can use Markdown syntax.")},
                                     'labels': {'placeholder': _("You can enter one or several labels separated by commas")},
                                     })}}
-    {{ field.submit(_("Modify ticket"), class="has-margin-top-1") }}
+    {{ field.submit(_("Modify ticket"), class="mt-4") }}
 {% endcall %}
 </div>
 {% endblock body %}
--- a/sat_templates/templates/bulma/ticket/item.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/ticket/item.html	Fri Jun 19 17:57:13 2020 +0200
@@ -23,9 +23,9 @@
 
 {% block body %}
 {{ icon_defs('pencil') }}
-<div class="columns has-margin-top-1">
+<div class="columns mt-4">
     <div class="column has-background-white">
-        <div id="{{ item.widget_value['id'] }}" class="media has-padding-1">
+        <div id="{{ item.widget_value['id'] }}" class="media px-1 py-1">
             {% if identities is defined %}
                 {% if avatar is defined %}
                     <figure class="media-left">
--- a/sat_templates/templates/bulma/ticket/overview.html	Fri Jun 19 17:57:13 2020 +0200
+++ b/sat_templates/templates/bulma/ticket/overview.html	Fri Jun 19 17:57:13 2020 +0200
@@ -10,7 +10,7 @@
     <div class="content has-items-centered is-flex">
         {{ component.action_button(url_tickets_new) }}
     </div>
-    <div id="tickets" class="container has-background-white has-padding-1">
+    <div id="tickets" class="container has-background-white px-1 py-1">
         {{ xmlui.generate_list(
               tickets,
               (