wiki: Use custom CSS for checkboxes and file uploads

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/wiki/edit.html b/src/templates/wiki/edit.html
index 3ec74f8a567c072789b7bb9bcbaa501f9e7e5ffa..7ab3943a502e7e61308a9d724aa83cf166e73167 100644 (file)
--- a/src/templates/wiki/edit.html
+++ b/src/templates/wiki/edit.html
@@ -36,12 +36,14 @@
 
                                {% if page and not page.is_watched_by(current_user) %}
                                        <div class="form-group form-check">
-                                               <input type="checkbox" class="form-check-input" name="watch" id="watch" checked>
-                                               <label class="form-check-label" for="watch">{{ _("Watch this page") }}</label>
+                                               <div class="custom-control custom-checkbox">
+                                                       <input type="checkbox" class="custom-control-input" name="watch" id="watch" checked>
+                                                       <label class="custom-control-label" for="watch">{{ _("Watch this page") }}</label>
+                                               </div>
 
-                                               <p class="form-text text-muted">
+                                               <small class="form-text text-muted">
                                                        {{ _("Get notified when this page is changed") }}
-                                               </p>
+                                               </small>
                                        </div>
                                {% end %}
 

diff --git a/src/templates/wiki/files/index.html b/src/templates/wiki/files/index.html
index 7f69724751e8c5f09091e337a24ae530c6308eeb..6c259f2ac5e20318085f656a456bd6ceda0ce11c 100644 (file)
--- a/src/templates/wiki/files/index.html
+++ b/src/templates/wiki/files/index.html
@@ -16,7 +16,7 @@
                        <div class="card-body">
                                <h4 class="card-title">{{ _("Files") }}</h4>
 
-                               <div class="row">    
+                               <div class="row">
                                        {% for f in files %}
                                                {% if f.is_image() %}
                                                        <div class="col-sm-6 col-md-4">
@@ -25,7 +25,7 @@
                                                                                <img class="figure-img img-fluid img-thumbnail" src="{{ f.url }}?s=256" alt="{{ f.filename }}">
                                                                                <figcaption class="figure-caption">{{ f.filename }}</figcaption>
                                                                        </a>
-                                                               </figure>     
+                                                               </figure>
                                                        </div>
                                                {% end %}
                                        {% end %}
@@ -60,11 +60,10 @@
                                <input type="hidden" name="path" value="{{ path }}">
 
                                <div class="form-group">
-                                       <input type="file" class="form-control-file" name="file" required>
-
-                                       <small class="form-text text-muted">
-                                               {{ _("Choose a file to upload") }}
-                                       </small>
+                                       <div class="custom-file">
+                                               <input type="file" class="custom-file-input" name="file" required>
+                                               <label class="custom-file-label" for="customFile">{{ _("Choose a file to upload") }}</label>
+                                       </div>
                                </div>
 
                                <input class="btn btn-primary btn-block" type="submit" value="{{ _("Upload") }}">