thang
/
notes
mirror of https://github.com/thangisme/notes.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved search css

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