horizon/openstack_dashboard/templates/_stylesheets.html
Mateusz Kowalski 55144382e3 Add apple-touch-icon and safari-pinned-tab
Apple devices handle website icons through Apple Touch
Icon which requires apple-touch-icon tag in stylesheet.
Also Safari pinned tab icon requires a separate SVG
for being correctly displayed.

Change-Id: I108039b263dafee3f0f23a4f7daa796eca36a52f
Closes-Bug: #1689504
2017-05-09 10:30:34 +02:00

32 lines
1.2 KiB
HTML

{% load compress %}
{% load themes %}
{% compress css %}
<link href='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/datepicker3.css' type='text/css' media='screen' rel='stylesheet' />
<link href='{{ STATIC_URL }}horizon/lib/rickshaw/rickshaw.css' type='text/css' media='screen' rel='stylesheet' />
{% endcompress %}
{% current_theme as current_theme %}
{% theme_dir as theme_dir %}
{% comment %}
The following 'include' is used to allow all scss files to share the same variable namespace
and also have access to ALL styles so that we can allow @extend functionality to persist.
If you wish to add new scss files, it is recommended that you add them from within the
themes/themes.scss template file.
{% endcomment %}
{% with THEME=current_theme THEME_DIR=theme_dir %}
{% compress css %}
<style type="text/scss">
{% include 'themes/themes.scss' %}
</style>
{% endcompress %}
{% endwith %}
<link rel="shortcut icon" href="{% themable_asset 'img/favicon.ico' %}"/>
<link rel="apple-touch-icon" sizes="180x180" href="{% themable_asset 'img/apple-touch-icon.png' %}" />
<link rel="mask-icon" href="{% themable_asset 'img/safari-pinned-tab.svg' %}" color="#5bbad5" />