steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-04-15 23:52:23 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improved search css

Browse Source
This commit is contained in:
Silvio Giebl 2019-12-18 20:28:38 +01:00
parent 3576cb4a89
commit b5c13965a7
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_sass/search.scss
View File

@ -93,7 +93,7 @@
width: 100%; width: 100%;
max-height: calc(100% - #{$sp-10}); max-height: calc(100% - #{$sp-10});
overflow-y: auto; overflow-y: auto;
background: $search-background-color; background-color: $search-background-color;
border-bottom-right-radius: $border-radius; border-bottom-right-radius: $border-radius;
border-bottom-left-radius: $border-radius; border-bottom-left-radius: $border-radius;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
@ -191,17 +191,13 @@
width: $sp-9; width: $sp-9;
height: $sp-9; height: $sp-9;
background-color: $search-background-color; background-color: $search-background-color;
border: 1px solid rgba($link-color, 0.3);
border-radius: #{$sp-9 / 2}; border-radius: #{$sp-9 / 2};
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.search-results,
.search-button {
border: 1px solid rgba($link-color, 0.3);
}
.search-overlay { .search-overlay {
position: fixed; position: fixed;
top: 0; top: 0;
@ -229,6 +225,7 @@
} }
.search-input { .search-input {
background-color: $search-background-color;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
@ -263,7 +260,7 @@
position: absolute; position: absolute;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow: hidden; overflow: visible;
} }
} }
} }