Mercurial > libervia-templates
changeset 246:1928ba66c194
bulma: replaced custom styles by new spacing helpers
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, (