js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile styles

Browse Source
This commit is contained in:
Cory LaViska
2021-09-09 07:43:17 -04:00
parent 2d89fc945f
commit abbdb207e0
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/assets/plugins/search/search.css
View File

@@ -48,7 +48,7 @@ body.site-search-visible {
@media screen and (max-width: 1000px) {
.site-search__panel {
max-width: 100%;
max-height: calc(92vh - 100px); /* allow iOS browser chrome */
max-height: calc(92vh - 120px); /* allow iOS browser chrome */
margin: 4vh var(--sl-spacing-medium);
}
}
@@ -153,9 +153,15 @@ body.site-search-visible {
border-top: solid 1px rgb(var(--sl-color-neutral-200));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
padding: var(--sl-spacing-x-small);
padding: var(--sl-spacing-small);
}
.site-search__footer small {
color: rgb(var(--sl-color-neutral-700));
}
@media screen and (max-width: 1000px) {
.site-search__footer {
display: none;
}
}