Start moving inline CSS to a file, make tracking search button blue
parent
3d70dc2289
commit
aa3a602a2b
@ -0,0 +1,151 @@
|
||||
/*
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Homepage
|
||||
|
||||
*/
|
||||
.homepage-card {
|
||||
height: calc(100% - calc(var(--f7-card-margin-vertical) * 2));
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Receipt viewer
|
||||
|
||||
*/
|
||||
|
||||
#receiptvieweriframe {
|
||||
width: 100%;
|
||||
height: calc(100% - var(--f7-navbar-height));
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Tracking page
|
||||
|
||||
*/
|
||||
html.md #track-page-tabbar .tabbar-label {
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
#track-page-tabbar {
|
||||
background-color: var(--translucent-color);
|
||||
}
|
||||
|
||||
#trackMapContainer {
|
||||
margin: 0;
|
||||
min-height: 200px;
|
||||
max-height: 500px;
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
@media all and (min-width: 1024px) {
|
||||
#trackMapContainer {
|
||||
height: calc(calc(100vh - calc(var(--f7-list-margin-vertical) * 2)) - var(--f7-navbar-height));
|
||||
min-height: none;
|
||||
max-height: none;
|
||||
margin: var(--f7-list-margin-vertical) 0;
|
||||
}
|
||||
#trackResultContainer ul {
|
||||
height: calc(calc(100vh - calc(var(--f7-list-margin-vertical) * 2)) - var(--f7-navbar-height));
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Map
|
||||
|
||||
*/
|
||||
.maplibregl-popup-content {
|
||||
color: var(--f7-text-color);
|
||||
background-color: var(--f7-page-bg-color);
|
||||
}
|
||||
|
||||
.maplibregl-popup-anchor-top .maplibregl-popup-tip, .maplibregl-popup-anchor-top-left .maplibregl-popup-tip, .maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
|
||||
border-bottom-color: var(--f7-page-bg-color);
|
||||
}
|
||||
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip, .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
|
||||
border-top-color: var(--f7-page-bg-color);
|
||||
}
|
||||
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
|
||||
border-right-color: var(--f7-page-bg-color);
|
||||
}
|
||||
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
|
||||
border-left-color: var(--f7-page-bg-color);
|
||||
}
|
||||
.maplibregl-map .package-marker {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../images/package-icon.png);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Signature box
|
||||
|
||||
*/
|
||||
.signature-wrapper {
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
height: 200px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid rgba(0,0,0,0.5);
|
||||
/* fix bug on iOS where image sticks out right side and makes entire page scroll horiz. */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.signature-wrapper img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.signature-wrapper canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 400px;
|
||||
max-width: 95vw;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.signature-wrapper #signatureClearBtn {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.signature-wrapper #signatureUndoBtn {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 40px;
|
||||
top: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#noticeslip-pay-popup {
|
||||
background: var(--f7-page-bg-color);
|
||||
}
|
||||
|
||||
#noticeslip-pay-popup #noticeslip-stripe-elements {
|
||||
background-color: white;
|
||||
padding: 1em;
|
||||
border-radius: 10px;
|
||||
}
|
Loading…
Reference in New Issue