bootstrap4: reworked log module

Signed-off-by: Jonatan Schlag <jonatan.schlag@ipfire.org>

diff --git a/src/templates/modules/log-entry-small.html b/src/templates/modules/log-entry-small.html
index 24632b150286c8e9f451caad4b8ac3905e5f70f5..5ea2af6030d190bc3955f906f8f925fcd59b4e5f 100644 (file)
--- a/src/templates/modules/log-entry-small.html
+++ b/src/templates/modules/log-entry-small.html
@@ -1,8 +1,7 @@
-<li class="media">
-       <hr>
+<li class="media mt-3 mb-3">
 
        <div class="media-body">
-               <p class="muted pull-right">
+               <p class="text-muted float-md-right float-lg-right float-xl-right">
                        {{ format_date(entry.time) }}
                </p>
 

diff --git a/src/templates/modules/log-entry.html b/src/templates/modules/log-entry.html
index 7b995493b6f188fa833e80a4d59a23b60214ee9d..a2fcff060a2f3f48a6d0c9b34c0bd6d8328c6e4d 100644 (file)
--- a/src/templates/modules/log-entry.html
+++ b/src/templates/modules/log-entry.html
@@ -1,22 +1,21 @@
-<li class="media">
-       <hr>
-
+<li class="media mt-3 mb-3">
        {% block body %}
                {% if u %}
-                       <a class="pull-left hidden-phone" href="/user/{{ u.name }}">
-                               <img class="media-object" src="{{ u.gravatar_icon(96) }}" alt="{{ u.realname }}">
-                       </a>
+                       <!--<a class="pull-left hidden-phone" href="/user/{{ u.name }}">
+                               </a>
+                       -->
+                       <img class="mr-3" src="{{ u.gravatar_icon(96) }}" alt="{{ u.realname }}">
                {% end %}
-
                <div class="media-body">
+
                        {% block title %}
-                               <p class="muted pull-right">
+                               <p class="text-muted float-md-right float-lg-right float-xl-right">
                                        {% block extra-title %}{% end block %}
                                        {{ format_date(entry.time) }}
                                </p>
 
                                {% if entry.user %}
-                                       <h4 class="media-heading">
+                                       <h4>
                                                {% if current_user == entry.user %}
                                                        <a href="/profile">{{ _("You") }}</a>
                                                {% else %}

diff --git a/src/templates/modules/log.html b/src/templates/modules/log.html
index 755cb6efd955adbcdcdf49364a46fd2cbfcf6053..99203aca1166394ffdccbec0b4fe7ffaff0f7b30 100644 (file)
--- a/src/templates/modules/log.html
+++ b/src/templates/modules/log.html
@@ -1,9 +1,11 @@
-<ul class="media-list">
-       {% for entry in entries %}
-               {% if entry.type == "comment" %}
-                       {% module LogEntryComment(entry, **args) %}
-               {% else %}
-                       {% module LogEntry(entry, **args) %}
+<div class="table-responsive">
+       <ul class="list-unstyled">
+               {% for entry in entries %}
+                       {% if entry.type == "comment" %}
+                               {% module LogEntryComment(entry, **args) %}
+                       {% else %}
+                               {% module LogEntry(entry, **args) %}
+                       {% end %}
                {% end %}
-       {% end %}
-</ul>
+       </ul>
+</div>
\ No newline at end of file