Skip to content

Commit

Permalink
CU-292 hide controls on small screen and add scroll
Browse files Browse the repository at this point in the history
  • Loading branch information
bolollo committed Aug 20, 2024
1 parent c8d31a7 commit c86293b
Show file tree
Hide file tree
Showing 8 changed files with 10 additions and 10 deletions.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions cloud/countries-dataset/index.9d2c581b.css.map

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion cloud/countries-dataset/index.ca16634c.css.map

This file was deleted.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion cloud/countries-dataset/index.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" href="/samples/cloud/countries-dataset/favicon.d0c94963.ico"><title>Countries dataset</title><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&amp;family=Ubuntu:wght@400;500&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="/samples/cloud/countries-dataset/index.ca16634c.css"><script type="module" src="/samples/cloud/countries-dataset/index.de5ffe53.js"></script><script src="/samples/cloud/countries-dataset/index.1d024e3a.js" nomodule defer></script></head><body> <div class="app"> <div class="map-wrap"> <div class="map" id="map"> <div class="control-layers"> <button type="button" class="btn btn-outline-secondary"><i class="bi bi-layers"></i></button> </div> <div class="controls"> <div><h5>Administrative divisions</h5></div> <button type="button" class="btn-close" aria-label="Close"></button> <form> <div id="searchContainer" class="mb-3"> </div> <div class="mb-3"> <h6>Boundary type <small id="label-only" style="display:none"></small></h6> <div class="d-flex mt-3"> <span class="mr-2 prelabel">Administrative</span> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" id="boundarySelector"> <label class="form-check-label" for="boundarySelector">Postal</label> </div> </div> <div><small id="zoom-to" style="display:none"><button id="zoom-to-btn" class="btn btn-link btn-sm"></button></small></div> <hr class="border-2 border-top"> <div id="adm"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm0" value="adm0" checked> <label class="form-check-label" for="adm0">Admin 0 - Countries</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm1" value="adm1"> <label class="form-check-label" for="adm1">Admin 1 - 1st hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm2" value="adm2"> <label class="form-check-label" for="adm2">Admin 2 - 2nd hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm3" value="adm3"> <label class="form-check-label" for="adm3">Admin 3 - 3rd hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm4" value="adm4"> <label class="form-check-label" for="adm4">Admin 4 - 4th hierarchy division</label> </div> </div> <div id="zip" style="display:none"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="pos0" value="pos0"> <label class="form-check-label" for="pos0">2-digit</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="pos1" value="pos1"> <label class="form-check-label" for="pos1">5-digit</label> </div> </div> </div> </form> </div> <div id="toastMessage" class="align-items-center position-fixed start-0 toast top-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false"> <div class="toast-header"> <div></div> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"></div> </div> </div> </div> </div> </body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" href="/samples/cloud/countries-dataset/favicon.d0c94963.ico"><title>Countries dataset</title><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&amp;family=Ubuntu:wght@400;500&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="/samples/cloud/countries-dataset/index.9d2c581b.css"><script type="module" src="/samples/cloud/countries-dataset/index.e5702d5c.js"></script><script src="/samples/cloud/countries-dataset/index.0fec0a94.js" nomodule defer></script></head><body> <div class="app"> <div class="map-wrap"> <div class="map" id="map"> <div class="control-layers"> <button type="button" class="btn btn-outline-secondary"><i class="bi bi-layers"></i></button> </div> <div class="controls"> <div><h5>Administrative divisions</h5></div> <button type="button" class="btn-close" aria-label="Close"></button> <form> <div id="searchContainer" class="mb-3"> </div> <div class="mb-3"> <h6>Boundary type <small id="label-only" style="display:none"></small></h6> <div class="d-flex mt-3"> <span class="mr-2 prelabel">Administrative</span> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" id="boundarySelector"> <label class="form-check-label" for="boundarySelector">Postal</label> </div> </div> <div><small id="zoom-to" style="display:none"><button id="zoom-to-btn" class="btn btn-link btn-sm"></button></small></div> <hr class="border-2 border-top"> <div id="adm"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm0" value="adm0" checked> <label class="form-check-label" for="adm0">Admin 0 - Countries</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm1" value="adm1"> <label class="form-check-label" for="adm1">Admin 1 - 1st hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm2" value="adm2"> <label class="form-check-label" for="adm2">Admin 2 - 2nd hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm3" value="adm3"> <label class="form-check-label" for="adm3">Admin 3 - 3rd hierarchy division</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="adm4" value="adm4"> <label class="form-check-label" for="adm4">Admin 4 - 4th hierarchy division</label> </div> </div> <div id="zip" style="display:none"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="pos0" value="pos0"> <label class="form-check-label" for="pos0">2-digit</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="boundaryLevel" id="pos1" value="pos1"> <label class="form-check-label" for="pos1">5-digit</label> </div> </div> </div> </form> </div> <div id="toastMessage" class="align-items-center position-fixed start-0 toast top-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false"> <div class="toast-header"> <div></div> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"></div> </div> </div> </div> </div> </body></html>

0 comments on commit c86293b

Please sign in to comment.