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 scroll snap for better UX on search

Browse Source
This commit is contained in:
squidfunk 2020-02-15 11:49:19 +01:00
parent c7c921faa8
commit 9fe7c62d77
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -421,6 +421,7 @@ $md-toggle__search--checked:
background-color: $md-color-white; background-color: $md-color-white;
box-shadow: 0 px2rem(1px) 0 $md-color-black--lightest inset; box-shadow: 0 px2rem(1px) 0 $md-color-black--lightest inset;
overflow-y: auto; overflow-y: auto;
scroll-snap-type: y mandatory;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
// Mitigiate excessive repaints on non-retina devices // Mitigiate excessive repaints on non-retina devices
@ -478,6 +479,7 @@ $md-toggle__search--checked:
color: $md-color-black--light; color: $md-color-black--light;
font-size: ms(-1); font-size: ms(-1);
line-height: px2rem(36px); line-height: px2rem(36px);
scroll-snap-align: start;
// [tablet landscape +]: Increase left indent // [tablet landscape +]: Increase left indent
@include break-from-device(tablet landscape) { @include break-from-device(tablet landscape) {
@ -510,6 +512,7 @@ $md-toggle__search--checked:
transition: background 0.25s; transition: background 0.25s;
outline: 0; outline: 0;
overflow: hidden; overflow: hidden;
scroll-snap-align: start;
// Focused or hovered link // Focused or hovered link
&:focus, &:focus,