moved part from the custom scss to modules _custom_nav and buttons.

[ipfire.org.git] / templates / base.html

diff --git a/templates/base.html b/templates/base.html
index 4ea9cb26b574c76d00f71d51fd27f36fa04a0da8..a61c9cf72ff91e2fdafed5fe366ad22543a74152 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -29,7 +29,7 @@
                <div class="fixed-top">
                        <div class="container d-flex justify-content-between">
                                <nav class="navbar navbar-toggleable-md align-items-md-start">
-                                       <button class="navbar-toggler navbar-toggler-left pt-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                                       <button class="navbar-toggler navbar-toggler-left" type="button" data-toggle="slide-collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                                <svg class="icon i_hamburger"><use xlink:href="#hamburger"/></svg>
                                                <div class="visible-md-up menu-text">Menu</div>
                                        </button>
@@ -49,16 +49,16 @@
                                                {% end %}
                                        </a>
                                        
-                                       <div id="navbarSupportedContent" class="navbar-collapse collapse d-lg-flex justify-content-lg-end pt-lg-2">
+                                       <div id="navbarSupportedContent" class="d-lg-flex justify-content-lg-end">
                                                {% block menu %}
                                                        {% module Menu() %}
                                                {% end block %}
                                        </div>
                                </nav>
-                               <div class="align-self-start hidden-md-down">
-                                       <a class="btn btn-red900 btn-sm mt-5" href="/donate">
+                               <div class="align-self-start hidden-xs-down">
+                                       <a class="btn btn-red900 btn-sm btn-donate" href="/donate">
                                                <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
-                                               <small style="vertical-align: .30rem;">{{ _("Donate") }}</small>
+                                               {{ _("Donate") }}
                                        </a>
                                </div>
                        </div>
@@ -190,11 +190,11 @@
                                        </div>
                                </div>
                        </footer>
+                       <div id="mask"></div>
                {% end block %}
 
                <script src="{{ static_url("js/jquery.easing.js") }}"></script>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
-               <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
                <script src="{{ static_url("js/site.js") }}"></script>
                
                <!-- Hidden icon data -->