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 search field alignment in tablet landscape mode

Browse Source
This commit is contained in:
squidfunk
2019-04-28 10:20:55 +02:00
parent 185147684c
commit 50ea834759
5 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/javascripts/application.48c2c9de.js → material/assets/javascripts/application.0caf228d.js
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application.3020aac5.css → material/assets/stylesheets/application.cd328f5c.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@@ -53,7 +53,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/application.3020aac5.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/application.cd328f5c.css' | url }}">
{% if palette.primary or palette.accent %} {% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/application-palette.224b79ff.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/application-palette.224b79ff.css' | url }}">
{% endif %} {% endif %}
@@ -190,7 +190,7 @@
{% endblock %} {% endblock %}
</div> </div>
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/application.48c2c9de.js' | url }}"></script> <script src="{{ 'assets/javascripts/application.0caf228d.js' | url }}"></script>
{% if lang.t("search.language") != "en" %} {% if lang.t("search.language") != "en" %}
{% set languages = lang.t("search.language").split(",") %} {% set languages = lang.t("search.language").split(",") %}
{% if languages | length and languages[0] != "" %} {% if languages | length and languages[0] != "" %}

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

@@ -201,13 +201,10 @@
display: block; display: block;
width: px2rem(230px); width: px2rem(230px);
max-width: px2rem(230px); max-width: px2rem(230px);
margin-left: px2rem(28px);
padding-right: px2rem(12px); padding-right: px2rem(12px);
// Adjust for RTL languages // Adjust for RTL languages
[dir="rtl"] & { [dir="rtl"] & {
margin-right: px2rem(28px);
margin-left: initial;
padding-right: initial; padding-right: initial;
padding-left: px2rem(12px); padding-left: px2rem(12px);
} }

13
src/assets/stylesheets/layout/_search.scss
View File

@@ -182,6 +182,7 @@ $md-toggle__search--checked:
@include break-from-device(tablet landscape) { @include break-from-device(tablet landscape) {
position: relative; position: relative;
width: px2rem(230px); width: px2rem(230px);
margin-right: px2rem(20px);
padding: px2rem(2px) 0; padding: px2rem(2px) 0;
float: right; float: right;
transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1); transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
@@ -189,6 +190,18 @@ $md-toggle__search--checked:
// Adjust for RTL languages // Adjust for RTL languages
[dir="rtl"] & { [dir="rtl"] & {
float: left; float: left;
margin-left: px2rem(20px);
margin-right: initial;
}
}
// [screen +]: Increase spacing of search bar
@include break-from-device(screen) {
margin-right: px2rem(28px);
// Adjust for RTL languages
[dir="rtl"] & {
margin-left: px2rem(28px);
} }
} }