OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added support for configurable icon as logo

Browse Source
This commit is contained in:
squidfunk 2017-09-01 15:22:50 +07:00 committed by Martin Donath
parent a1a18404e3
commit 2537e39c75
8 changed files with 51 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/application-b6a6d08807.css Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/application-eaef0aa2fc.css
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
<script src="{{ base_url }}/assets/javascripts/modernizr-e826f8942a.js"></script>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-eaef0aa2fc.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-b6a6d08807.css">
{% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-23f75ab9c7.palette.css">
{% endif %}

19
material/partials/header.html
View File

@ -2,14 +2,17 @@
<nav class="md-header-nav md-grid">
<div class="md-flex">
<div class="md-flex__cell md-flex__cell--shrink">
{% if config.extra.logo %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}" title="{{ config.site_name }}" class="md-logo md-header-nav__button">
<img src="{{ base_url }}/{{ config.extra.logo }}" width="24" height="24">
</a>
{% else %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}" title="{{ config.site_name }}" class="md-icon md-icon--home md-header-nav__button">
</a>
{% endif %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}" title="{{ config.site_name }}" class="md-header-nav__button md-logo">
{% if config.extra.logo %}
{% if config.extra.logo.icon %}
<i class="md-icon">{{ config.extra.logo.icon }}</i>
{% else %}
<img src="{{ base_url }}/{{ config.extra.logo }}" width="24" height="24">
{% endif %}
{% else %}
<i class="md-icon md-icon--home"></i>
{% endif %}
</a>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--menu md-header-nav__button" for="drawer"></label>

18
material/partials/nav.html
View File

@ -1,12 +1,16 @@
<nav class="md-nav md-nav--primary" data-md-level="0">
<label class="md-nav__title md-nav__title--site" for="drawer">
{% if config.extra.logo %}
<i class="md-logo md-nav__button">
<img src="{{ base_url }}/{{ config.extra.logo }}">
</i>
{% else %}
<i class="md-icon md-icon--home md-nav__button"></i>
{% endif %}
<div class="md-nav__button md-logo">
{% if config.extra.logo %}
{% if config.extra.logo.icon %}
<i class="md-icon">{{ config.extra.logo.icon }}</i>
{% else %}
<img src="{{ base_url }}/{{ config.extra.logo }}">
{% endif %}
{% else %}
<i class="md-icon md-icon--home"></i>
{% endif %}
</div>
{{ config.site_name }}
</label>
{% if config.repo_url %}

4
src/assets/stylesheets/layout/_header.scss
View File

@ -78,8 +78,8 @@
opacity: 0.7;
}
// Set correct display on image
&.md-logo img {
// Set correct display on image or icon
&.md-logo * {
display: block;
}

27
src/partials/header.html
View File

@ -29,19 +29,20 @@
<!-- Link to home -->
<div class="md-flex__cell md-flex__cell--shrink">
{% if config.extra.logo %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}"
title="{{ config.site_name }}"
class="md-logo md-header-nav__button">
<img src="{{ base_url }}/{{ config.extra.logo }}"
width="24" height="24" />
</a>
{% else %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}"
title="{{ config.site_name }}"
class="md-icon md-icon--home md-header-nav__button">
</a>
{% endif %}
<a href="{{ config.site_url | default(nav.homepage.url, true) }}"
title="{{ config.site_name }}"
class="md-header-nav__button md-logo">
{% if config.extra.logo %}
{% if config.extra.logo.icon %}
<i class="md-icon">{{ config.extra.logo.icon }}</i>
{% else %}
<img src="{{ base_url }}/{{ config.extra.logo }}"
width="24" height="24" />
{% endif %}
{% else %}
<i class="md-icon md-icon--home"></i>
{% endif %}
</a>
</div>
<!-- Button to toggle drawer -->

18
src/partials/nav.html
View File

@ -25,13 +25,17 @@
<!-- Site title -->
<label class="md-nav__title md-nav__title--site" for="drawer">
{% if config.extra.logo %}
<i class="md-logo md-nav__button">
<img src="{{ base_url }}/{{ config.extra.logo }}" />
</i>
{% else %}
<i class="md-icon md-icon--home md-nav__button"></i>
{% endif %}
<div class="md-nav__button md-logo">
{% if config.extra.logo %}
{% if config.extra.logo.icon %}
<i class="md-icon">{{ config.extra.logo.icon }}</i>
{% else %}
<img src="{{ base_url }}/{{ config.extra.logo }}" />
{% endif %}
{% else %}
<i class="md-icon md-icon--home"></i>
{% endif %}
</div>
{{ config.site_name }}
</label>