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

Only directly show shadow on header, in case JS is not available

Browse Source
This commit is contained in:
squidfunk 2017-01-26 23:20:38 +01:00
parent 33616c7deb
commit 53e1977c65
4 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -45,7 +45,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-d548d09cd7.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-5ea1192909.css">
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css">
{% endif %} {% endif %}

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

@ -26,8 +26,6 @@
// Application header (stays always on top) // Application header (stays always on top)
.md-header { .md-header {
// @include z-depth(2);
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -38,6 +36,11 @@
color: $md-color-white; color: $md-color-white;
z-index: 1; z-index: 1;
// Always show shadow, in case JavaScript is not available
.no-js & {
@include z-depth(2);
}
// Hide for print // Hide for print
@media print { @media print {
display: none; display: none;