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

Fixed scrollbar on mobile when header is hidden on some browsers

Browse Source
This commit is contained in:
squidfunk 2021-09-19 16:13:29 +02:00
parent 60a007844c
commit d678678cc4
6 changed files with 20 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/stylesheets/main.3c7cdd75.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.3c7cdd75.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/main.665c42a3.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.665c42a3.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.665c42a3.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.3c7cdd75.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

39
src/assets/stylesheets/main/layout/_search.scss
View File

@ -146,41 +146,36 @@
@include break-to-device(tablet portrait) { @include break-to-device(tablet portrait) {
position: fixed; position: fixed;
top: 0; top: 0;
left: 100%; left: 0;
z-index: 2; z-index: 2;
width: 100%; width: 0;
height: 100%; height: 0;
transform: translateX(5%); transform: translateX(5%);
opacity: 0; opacity: 0;
transition: transition:
right 0ms 300ms, width 0ms 300ms,
left 0ms 300ms, height 0ms 300ms,
transform 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1),
opacity 150ms 150ms; opacity 150ms 150ms;
// Adjust appearance when search is active
[data-md-toggle="search"]:checked ~ .md-header & {
left: 0;
transform: translateX(0);
opacity: 1;
transition:
right 0ms 0ms,
left 0ms 0ms,
transform 150ms 150ms cubic-bezier(0.1, 0.7, 0.1, 1),
opacity 150ms 150ms;
// Adjust for right-to-left languages // Adjust for right-to-left languages
[dir="rtl"] & { [dir="rtl"] & {
right: 0; right: 0;
left: initial; left: initial;
} transform: translateX(-5%);
} }
// Adjust for right-to-left languages // Adjust appearance when search is active
html [dir="rtl"] & { [data-md-toggle="search"]:checked ~ .md-header & {
right: 100%; width: 100%;
left: initial; height: 100%;
transform: translateX(-5%); transform: translateX(0);
opacity: 1;
transition:
width 0ms 0ms,
height 0ms 0ms,
transform 150ms 150ms cubic-bezier(0.1, 0.7, 0.1, 1),
opacity 150ms 150ms;
} }
} }