Krautspace/calcifer
Archived
2
0
Fork 0
Code Issues 11 Pull requests 2 Activity

Convert the navigation from fixed to sticky.

Browse source 
Ticket #56
This commit is contained in:
Tim Schumacher 2016-06-10 00:46:17 +02:00
parent 4385f1acbc
commit 77beeaec73
3 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/Hackspace/Bundle/CalciferBundle/Resources/assets/js/events.js
View file

@ -13,6 +13,12 @@ jQuery(document).ready(function () {
jQuery('.icon.link').popup(); jQuery('.icon.link').popup();
} }
$('.ui.sticky')
.sticky({
context: '#main'
})
;
if (jQuery('input[type=datetime]').length > 0) { if (jQuery('input[type=datetime]').length > 0) {
jQuery('input[type=datetime]').datetimepicker({lang: 'de', format: 'Y-m-d H:i'}); jQuery('input[type=datetime]').datetimepicker({lang: 'de', format: 'Y-m-d H:i'});
} }

8
src/Hackspace/Bundle/CalciferBundle/Resources/views/layout.html.twig
View file

@ -19,15 +19,15 @@
</head> </head>
<body> <body>
{% include "CalciferBundle::navigation.html.twig" %} <div class="ui sticky">
{% include "CalciferBundle::navigation.html.twig" %}
</div>
<div id="main"> <div id="main">
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div> </div>
<!-- jQuery (necessary for Bootstraps JavaScript plugins) -->
<script src="{{ asset('js/jquery.js') }}"></script> <script src="{{ asset('js/jquery.js') }}"></script>
<!-- Include all JavaScripts, compiled by Assetic -->
<script src="{{ asset('semantic/dist/semantic.min.js') }}"></script> <script src="{{ asset('semantic/dist/semantic.min.js') }}"></script>
{% block javascripts %}{% endblock %} {% block javascripts %}{% endblock %}
</body> </body>
</html> </html>

15
src/Hackspace/Bundle/CalciferBundle/Resources/views/navigation.html.twig
View file

@ -1,8 +1,7 @@
<header class="ui fixed green main menu"> <header class="ui green main menu">
<div class="ui basic segment"> <a class="title {% if app.request.pathinfo == path('') %}active {% endif %}item" href="{{ path('') }}">Start</a>
<div class="title {% if app.request.pathinfo == path('') %}active {% endif %}item"><a href="{{ path('') }}">Start</a></div> <a class="{% if app.request.pathinfo == path('_new') %}active {% endif %}item" href="{{ path('_new') }}">Neuer Termin</a>
<div class="{% if app.request.pathinfo == path('_new') %}active {% endif %}item"><a href="{{ path('_new') }}">Neuer Termin</a></div> <a class="{% if app.request.pathinfo == path('repeating_event_show') %}active {% endif %}item" href="{{ path('repeating_event_show') }}">Wiederholende Termine</a>
<div class="{% if app.request.pathinfo == path('repeating_event_show') %}active {% endif %}item"><a href="{{ path('repeating_event_show') }}">Wiederholende Termine</a></div> <a class="{% if app.request.pathinfo == path('about_calcifer') %}active {% endif %}item" href="{{ path('about_calcifer') }}">Über Calcifer</a>
<div class="{% if app.request.pathinfo == path('about_calcifer') %}active {% endif %}item"><a href="{{ path('about_calcifer') }}">Über Calcifer</a></div> </header>
</div>
</header>