837587fe73
- Make menu responsive (hides on smaller screens, e,g, 1/2 laptop screen, tablet, mobile) - Add aria parameters for accessibility - Show current focus when navigating (accessibility) - Remove the blue outline when clicking links in Chrome - Makes menu less hideous Change-Id: I1cdfa079f0b371d1afddefa67d8a21e93abde9ee Implements: blueprint navigation-improvements Closes-Bug: 1315488 Closes-Bug: 1628274
69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
{% load branding i18n %}
|
|
{% load context_selection %}
|
|
{% load breadcrumb_nav %}
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta content='IE=edge' http-equiv='X-UA-Compatible' />
|
|
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{% include "horizon/_custom_meta.html" %}
|
|
<title>{% block title %}{% endblock %} - {% site_branding %}</title>
|
|
{% comment %} Load CSS sheets before Javascript {% endcomment %}
|
|
{% block css %}
|
|
{% include "_stylesheets.html" %}
|
|
{% endblock %}
|
|
{% iframe_embed_settings %}
|
|
{% include "horizon/_conf.html" %}
|
|
{% include "horizon/client_side/_script_loader.html" %}
|
|
{% include "horizon/_custom_head_js.html" %}
|
|
{% block ng_route_base %} {% endblock %}
|
|
</head>
|
|
<body id="{% block body_id %}{% endblock %}" ng-app='horizon.app' ng-strict-di>
|
|
<noscript>
|
|
<div class="alert alert-danger text-center javascript-disabled">
|
|
{% trans "This application requires JavaScript to be enabled in your web browser." %}
|
|
</div>
|
|
</noscript>
|
|
{% block content %}
|
|
<div class='topbar'>
|
|
{% include "header/_header.html" %}
|
|
</div>
|
|
<div id='main_content'>
|
|
{% include "horizon/_messages.html" %}
|
|
{% block sidebar %}
|
|
{% include 'horizon/common/_sidebar.html' %}
|
|
{% endblock %}
|
|
<div id='content_body'>
|
|
<div class='container-fluid'>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="page-breadcrumb">
|
|
{% block breadcrumb_nav %}
|
|
{% breadcrumb_nav %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
{% block page_header %}
|
|
{% include "horizon/common/_page_header.html" with title=page_title %}
|
|
{% endblock %}
|
|
{% block main %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
<div id="footer">
|
|
{% block footer %}
|
|
{% include "_footer.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
{% block js %}
|
|
{% include "horizon/_scripts.html" %}
|
|
{% endblock %}
|
|
<div id="modal_wrapper"></div>
|
|
</body>
|
|
</html>
|