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 non-synchronized transitions on search form

Browse Source
This commit is contained in:
squidfunk 2017-04-01 15:54:50 +02:00 committed by Martin Donath
parent f375dd6f67
commit ecc04128f1
5 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/application-8d06ab29f4.css
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -38,7 +38,7 @@
<script src="{{ base_url }}/assets/javascripts/modernizr-56ade86843.js"></script>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-8d06ab29f4.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-e71521a2a2.css">
{% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-66fa0d9bba.palette.css">
{% endif %}

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

@ -169,6 +169,11 @@ $md-toggle__search--checked:
text-overflow: ellipsis;
z-index: 1;
// Transition on placeholder
&::placeholder {
transition: color 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
}
// Placeholder and icon color in active state
~ .md-search__icon,
&::placeholder {
@ -193,8 +198,8 @@ $md-toggle__search--checked:
height: 4rem;
padding-left: 4.8rem;
transition:
background-color 0.25s,
color 0.25s;
background-color 0.25s cubic-bezier(0.1, 0.7, 0.1, 1),
color 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
border-radius: 0.2rem;
background-color: $md-color-black--lighter;
color: $md-color-white;
@ -230,7 +235,9 @@ $md-toggle__search--checked:
// Icons
&__icon {
position: absolute;
transition: opacity 0.25s;
transition:
color 0.25s cubic-bezier(0.1, 0.7, 0.1, 1),
opacity 0.25s;
font-size: $md-icon-size;
cursor: pointer;
z-index: 1;

10
yarn.lock
View File

@ -2263,9 +2263,9 @@ flatten@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
flow-bin@^0.41.0:
version "0.41.0"
resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.41.0.tgz#8badac9a19da45004997e599bd316518db489b2e"
flow-bin@^0.42.0:
version "0.42.0"
resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.42.0.tgz#05dd754b6b052de7b150f9210e2160746961e3cf"
flow-jsdoc@^0.3.0:
version "0.3.0"
@ -5069,7 +5069,7 @@ postcss-zindex@^2.0.1:
postcss "^5.0.4"
uniqs "^2.0.0"
postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.18, postcss@^5.0.2, postcss@^5.0.20, postcss@^5.0.21, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.8, postcss@^5.2.10, postcss@^5.2.13, postcss@^5.2.15, postcss@^5.2.4:
postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.20, postcss@^5.2.10, postcss@^5.2.15:
version "5.2.15"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.15.tgz#a9e8685e50e06cc5b3fdea5297273246c26f5b30"
dependencies:
@ -5078,7 +5078,7 @@ postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.
source-map "^0.5.6"
supports-color "^3.2.3"
postcss@^5.2.16:
postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.18, postcss@^5.0.2, postcss@^5.0.21, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.8, postcss@^5.2.13, postcss@^5.2.16, postcss@^5.2.4:
version "5.2.16"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.16.tgz#732b3100000f9ff8379a48a53839ed097376ad57"
dependencies: