diff --git a/DEVELOPING.md b/DEVELOPING.md index d22fd04ca2..712065ab46 100644 --- a/DEVELOPING.md +++ b/DEVELOPING.md @@ -16,7 +16,7 @@ The executables `git` and `node` should be in your `PATH`. To install the Node.js dependencies run - $ npm install + npm install Please check the full list of dependencies as defined in the [package.json](https://github.com/GEOLYTIX/xyz/blob/main/package.json) @@ -24,17 +24,17 @@ Please check the full list of dependencies as defined in the [package.json](http The MAPP and MAPP.UI library must be build with [esbuild](https://esbuild.github.io/) prior to launching the host. - $ npx esbuild ./lib/mapp.mjs ./lib/ui.mjs --bundle --minify --tree-shaking=false --sourcemap --format=iife --outdir=./public/js/lib + npx esbuild ./lib/mapp.mjs ./lib/ui.mjs --bundle --minify --tree-shaking=false --sourcemap --format=iife --outdir=./public/js/lib The build command is stored in the package.json as `_build` script. - $ npm run _build + npm run _build ESBuild must also be used to compile the CSS supporting the MAPP and MAPP.UI elements. - $ npx esbuild --bundle public/css/_mapp.css --outfile=public/css/mapp.css + npx esbuild --bundle public/css/_mapp.css --outfile=public/css/mapp.css - $ npx esbuild --bundle public/css/_ui.css --outfile=public/css/ui.css --loader:.svg=dataurl + npx esbuild --bundle public/css/_ui.css --outfile=public/css/ui.css --loader:.svg=dataurl ## version.js hash @@ -42,13 +42,13 @@ The mapp module object holds a hash of the latest release commit which can be ge The version script will complete by executing the ESBuild process. - $ node version.js + node version.js ## Express [Express.js](https://expressjs.com/) will be installed by npm as a development dependency. You can run a zero config instance by loading the express.js script in your node runtime. - $ node express.js + node express.js The default port is 3000. You can access the mapp interface on in your browser. diff --git a/public/css/_dialog.css b/public/css/_dialog.css index c50a26ae7d..6585571517 100644 --- a/public/css/_dialog.css +++ b/public/css/_dialog.css @@ -19,6 +19,7 @@ dialog.dialog { user-select: none; padding: 5px; overflow: unset !important; + isolation: isolate; } dialog.modal { diff --git a/public/css/_inputs.css b/public/css/_inputs.css index baf5df6f13..27ffefb57d 100644 --- a/public/css/_inputs.css +++ b/public/css/_inputs.css @@ -73,8 +73,8 @@ input[type=search]+ul:active { input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration:hover, -input[type="search"]::-webkit-search-cancel-button:hover { - cursor:pointer; +input[type="search"]::-webkit-search-cancel-button:hover { + cursor: pointer; } label.checkbox { @@ -243,9 +243,10 @@ label.checkbox { &>.head>.icon { content: url("../icons/icon-drop-up.svg"); - } + } } - &.dropdown-reverse > ul { + + &.dropdown-reverse>ul { bottom: 30px; } } @@ -291,13 +292,13 @@ label.checkbox { z-index: 2; width: calc((var(--a) - var(--min)) / var(--dif) * (100% - 10px)); } - + &.multi { - & >.label-row { + &>.label-row { display: flex; justify-content: space-between; - & >div { + &>div { flex-grow: 1 } } @@ -384,4 +385,4 @@ label.checkbox { background-repeat: no-repeat; background-position: center; box-shadow: none; -} +} \ No newline at end of file diff --git a/public/css/_mapp.css b/public/css/_mapp.css index c394a532e2..b87958cb82 100644 --- a/public/css/_mapp.css +++ b/public/css/_mapp.css @@ -162,7 +162,6 @@ a > img { } .attribution-links { - z-index: 999; text-align: right; font-size: 95%; diff --git a/public/css/mapp.css b/public/css/mapp.css index 25c8cd3569..e66a286e94 100644 --- a/public/css/mapp.css +++ b/public/css/mapp.css @@ -154,7 +154,6 @@ a > img { user-select: none; } .attribution-links { - z-index: 999; text-align: right; font-size: 95%; & a { diff --git a/public/css/ui.css b/public/css/ui.css index 85456de485..6120070c19 100644 --- a/public/css/ui.css +++ b/public/css/ui.css @@ -253,6 +253,7 @@ dialog.dialog { user-select: none; padding: 5px; overflow: unset !important; + isolation: isolate; } dialog.modal { position: fixed;