Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Map: Reduce info pane width and don't prevent map interaction when open (#36)

Browse Source
This commit is contained in:
Skylar Ittner 2020-04-03 13:58:28 -06:00
parent 58ff3476bb
commit e063875712
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/assets/css/tablet.css
View File

@ -60,10 +60,26 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
.page[data-name="add"] .fab { .page[data-name="add"] .fab {
margin-bottom: 0; margin-bottom: 0;
} }
.sheet-backdrop.backdrop-in {
visibility: hidden;
}
#package-info-sheet {
left: 25%;
width: 50%;
}
} }
@media all and (min-width: 768px) and (min-height: 700px) { @media all and (min-width: 768px) and (min-height: 700px) {
.margin-top-tablet { .margin-top-tablet {
margin-top: 1rem; margin-top: 1rem;
} }
}
@media all and (min-width: 1024px) {
#package-info-sheet {
left: 33%;
width: 33%;
}
} }

2
www/pages/map.html
View File

@ -39,7 +39,7 @@
<a class="link sheet-close" href="#">Done</a> <a class="link sheet-close" href="#">Done</a>
</div> </div>
</div> </div>
<div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: scroll;"> <div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: auto;">
<div class="list no-hairlines no-margin-top"> <div class="list no-hairlines no-margin-top">
<ul> <ul>
<!-- packages go here --> <!-- packages go here -->