diff --git a/build/webpack.common.js b/build/webpack.common.js index b2566a0..29f3e5a 100644 --- a/build/webpack.common.js +++ b/build/webpack.common.js @@ -2,7 +2,6 @@ const path = require('path'); const { SRC, DIST, ASSETS, LIB } = require('./paths'); var webpack = require("webpack"); const CopyWebpackPlugin = require('copy-webpack-plugin'); -const HtmlWebpackPlugin = require('html-webpack-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const SymlinkWebpackPlugin = require('symlink-webpack-plugin'); @@ -78,17 +77,15 @@ module.exports = { new webpack.ProvidePlugin({ $: require.resolve('jquery'), jQuery: require.resolve('jquery'), - L: require.resolve('leaflet') - }), - new HtmlWebpackPlugin({ - template: path.resolve(LIB, 'index.php'), - chunks: ['index'], - filename: 'index.php', + //L: require.resolve('leaflet') }), new CopyWebpackPlugin({ patterns: [{ from: 'geo/', to: path.resolve(DIST, 'geo') + }, { + from: path.resolve(LIB, 'index.php'), + to: 'index.php' }] }), new SymlinkWebpackPlugin({ origin: '../files/', symlink: 'files' }), @@ -97,6 +94,7 @@ module.exports = { resolve: { extensions: ['', '.js'], alias: { + "@scripts": path.resolve(SRC, "scripts"), 'load-image': 'blueimp-load-image/js/load-image.js', //'load-image-orientation': 'blueimp-load-image/js/load-image-orientation.js', //'load-image-scale': 'blueimp-load-image/js/load-image-scale.js', diff --git a/lib/Spot.php b/lib/Spot.php index 46c259f..d55cf31 100755 --- a/lib/Spot.php +++ b/lib/Spot.php @@ -162,7 +162,7 @@ class Spot extends Main ); } - public function getAppParams() { + public function getAppParams($bInternal=false) { //Cache Page List $asPages = array_diff($this->asMasks, array('email_update', 'email_conf')); @@ -184,7 +184,8 @@ class Spot extends Main ) ); - return self::getJsonResult(true, '', parent::getParams($asGlobalVars, self::MAIN_PAGE, $asPages)); + $asParams = parent::getParams($asGlobalVars, self::MAIN_PAGE, $asPages); + return $bInternal?$asParams:self::getJsonResult(true, '', $asParams); } public function getAppMainPage() @@ -195,7 +196,8 @@ class Spot extends Main 'language' => $this->oLang->getLanguage(), 'host_url' => $this->asContext['serv_name'], 'filepath_css' => self::addTimestampToFilePath('spot.css'), - 'filepath_js' => self::addTimestampToFilePath('../dist/app.js') + 'filepath_js' => self::addTimestampToFilePath('../dist/app.js'), + 'params' => json_encode($this->getAppParams(true)) ) ); } diff --git a/lib/index.php b/lib/index.php index b909fab..38d91b5 100755 --- a/lib/index.php +++ b/lib/index.php @@ -36,9 +36,6 @@ if($sAction!='') { switch($sAction) { - case 'params': - $sResult = $oSpot->getAppParams(); - break; case 'markers': $sResult = $oSpot->getMarkers(); break; diff --git a/package-lock.json b/package-lock.json index 3194722..6b1f58f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,6 @@ "d3": "^7.8.5", "file-loader": "^6.2.0", "html-loader": "^4.2.0", - "html-webpack-plugin": "^5.5.3", "jquery": "^3.7.1", "jquery-mousewheel": "^3.1.13", "jquery.waitforimages": "^2.4.0", @@ -1833,11 +1832,6 @@ "@types/node": "*" } }, - "node_modules/@types/html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==" - }, "node_modules/@types/json-schema": { "version": "7.0.15", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", @@ -2128,14 +2122,6 @@ "ajv": "^8.8.2" } }, - "node_modules/ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "engines": { - "node": ">=8" - } - }, "node_modules/ansi-styles": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", @@ -2304,11 +2290,6 @@ "tmpl.js": "js/compile.js" } }, - "node_modules/boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" - }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -2647,32 +2628,6 @@ "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" }, - "node_modules/css-select": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz", - "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==", - "dependencies": { - "boolbase": "^1.0.0", - "css-what": "^6.0.1", - "domhandler": "^4.3.1", - "domutils": "^2.8.0", - "nth-check": "^2.0.1" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/css-what": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", - "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", - "engines": { - "node": ">= 6" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -3130,73 +3085,6 @@ "node": ">=8" } }, - "node_modules/dom-converter": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", - "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==", - "dependencies": { - "utila": "~0.4" - } - }, - "node_modules/dom-serializer": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", - "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==", - "dependencies": { - "domelementtype": "^2.0.1", - "domhandler": "^4.2.0", - "entities": "^2.0.0" - }, - "funding": { - "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" - } - }, - "node_modules/dom-serializer/node_modules/entities": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, - "node_modules/domelementtype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", - "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ] - }, - "node_modules/domhandler": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz", - "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==", - "dependencies": { - "domelementtype": "^2.2.0" - }, - "engines": { - "node": ">= 4" - }, - "funding": { - "url": "https://github.com/fb55/domhandler?sponsor=1" - } - }, - "node_modules/domutils": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz", - "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==", - "dependencies": { - "dom-serializer": "^1.0.1", - "domelementtype": "^2.2.0", - "domhandler": "^4.2.0" - }, - "funding": { - "url": "https://github.com/fb55/domutils?sponsor=1" - } - }, "node_modules/dot-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", @@ -3640,14 +3528,6 @@ "node": ">= 0.4" } }, - "node_modules/he": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", - "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", - "bin": { - "he": "bin/he" - } - }, "node_modules/html-loader": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/html-loader/-/html-loader-4.2.0.tgz", @@ -3695,82 +3575,6 @@ "node": ">=14" } }, - "node_modules/html-webpack-plugin": { - "version": "5.5.3", - "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.3.tgz", - "integrity": "sha512-6YrDKTuqaP/TquFH7h4srYWsZx+x6k6+FbsTm0ziCwGHDP78Unr1r9F/H4+sGmMbX08GQcJ+K64x55b+7VM/jg==", - "dependencies": { - "@types/html-minifier-terser": "^6.0.0", - "html-minifier-terser": "^6.0.2", - "lodash": "^4.17.21", - "pretty-error": "^4.0.0", - "tapable": "^2.0.0" - }, - "engines": { - "node": ">=10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/html-webpack-plugin" - }, - "peerDependencies": { - "webpack": "^5.20.0" - } - }, - "node_modules/html-webpack-plugin/node_modules/commander": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", - "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", - "engines": { - "node": ">= 12" - } - }, - "node_modules/html-webpack-plugin/node_modules/html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==", - "dependencies": { - "camel-case": "^4.1.2", - "clean-css": "^5.2.2", - "commander": "^8.3.0", - "he": "^1.2.0", - "param-case": "^3.0.4", - "relateurl": "^0.2.7", - "terser": "^5.10.0" - }, - "bin": { - "html-minifier-terser": "cli.js" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/htmlparser2": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz", - "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==", - "funding": [ - "https://github.com/fb55/htmlparser2?sponsor=1", - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ], - "dependencies": { - "domelementtype": "^2.0.1", - "domhandler": "^4.0.0", - "domutils": "^2.5.2", - "entities": "^2.0.0" - } - }, - "node_modules/htmlparser2/node_modules/entities": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, "node_modules/iconv-lite": { "version": "0.6.3", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", @@ -4346,17 +4150,6 @@ "node": ">=0.10.0" } }, - "node_modules/nth-check": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", - "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", - "dependencies": { - "boolbase": "^1.0.0" - }, - "funding": { - "url": "https://github.com/fb55/nth-check?sponsor=1" - } - }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -4651,15 +4444,6 @@ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" }, - "node_modules/pretty-error": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", - "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", - "dependencies": { - "lodash": "^4.17.20", - "renderkid": "^3.0.0" - } - }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", @@ -4803,18 +4587,6 @@ "node": ">= 0.10" } }, - "node_modules/renderkid": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", - "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", - "dependencies": { - "css-select": "^4.1.3", - "dom-converter": "^0.2.0", - "htmlparser2": "^6.1.0", - "lodash": "^4.17.21", - "strip-ansi": "^6.0.1" - } - }, "node_modules/require-from-string": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", @@ -5140,17 +4912,6 @@ "source-map": "^0.6.0" } }, - "node_modules/strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dependencies": { - "ansi-regex": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/style-loader": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz", @@ -5499,11 +5260,6 @@ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" }, - "node_modules/utila": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz", - "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==" - }, "node_modules/watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", diff --git a/package.json b/package.json index 1fde96b..f505286 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,6 @@ "d3": "^7.8.5", "file-loader": "^6.2.0", "html-loader": "^4.2.0", - "html-webpack-plugin": "^5.5.3", "jquery": "^3.7.1", "jquery-mousewheel": "^3.1.13", "jquery.waitforimages": "^2.4.0", diff --git a/src/masks/index.html b/src/masks/index.html index e2eab37..766036f 100755 --- a/src/masks/index.html +++ b/src/masks/index.html @@ -19,6 +19,7 @@ + Spotty diff --git a/src/scripts/app.js b/src/scripts/app.js index 7e944ab..adca7fb 100644 --- a/src/scripts/app.js +++ b/src/scripts/app.js @@ -1,13 +1,5 @@ //jQuery import './jquery.helpers.js'; -window.lightbox = require('./lightbox.js'); - -//Simplebar -import SimpleBar from 'simplebar'; -window.SimpleBar = SimpleBar; -import 'simplebar/dist/simplebar.css'; -import ResizeObserver from 'resize-observer-polyfill'; -window.ResizeObserver = ResizeObserver; //Common import { copyArray, getElem, setElem, getDragPosition, copyTextToClipboard } from './common.js'; @@ -17,29 +9,28 @@ window.setElem = setElem; window.getDragPosition = getDragPosition; window.copyTextToClipboard = copyTextToClipboard; +import Css from './../styles/spot.scss'; +import LogoText from '../images/logo_black.png'; +import Logo from '../images/spot-logo-only.svg'; +console.log(Logo); + //Masks import Spot from './spot.js'; import Project from './page.project.js'; import Upload from './page.upload.js'; import Admin from './page.admin.js'; -require('./../styles/spot.scss'); +//const Upload = () => import('@scripts/page.upload.js'); -import LogoText from '../images/logo_black.png'; -import Logo from '../images/spot-logo-only.svg'; -console.log(Logo); +let oSpot = new Spot(params); -$.get('index.php?a=params').done((e)=>{ - let oSpot = new Spot(e.data); +let oProject = new Project(oSpot); +oSpot.addPage('project', oProject); - let oProject = new Project(oSpot); - oSpot.addPage('project', oProject); +let oUpload = new Upload(oSpot); +oSpot.addPage('upload', oUpload); - let oUpload = new Upload(oSpot); - oSpot.addPage('upload', oUpload); +let oAdmin = new Admin(oSpot); +oSpot.addPage('admin', oAdmin); - let oAdmin = new Admin(oSpot); - oSpot.addPage('admin', oAdmin); - - oSpot.init(); -}); \ No newline at end of file +$(() => {oSpot.init();}); \ No newline at end of file diff --git a/src/scripts/page.project.js b/src/scripts/page.project.js index f2902ea..a633d29 100644 --- a/src/scripts/page.project.js +++ b/src/scripts/page.project.js @@ -2,10 +2,18 @@ import autosize from 'autosize'; import mousewheel from 'jquery-mousewheel'; import waitforimages from 'jquery.waitforimages'; +import lightbox from './lightbox.js'; -//Leaflet plugins -import 'leaflet.heightgraph'; +//Simplebar +import SimpleBar from 'simplebar'; +window.SimpleBar = SimpleBar; +import ResizeObserver from 'resize-observer-polyfill'; +window.ResizeObserver = ResizeObserver; + +//Leaflet +import 'leaflet'; import 'leaflet-geometryutil'; +import 'leaflet.heightgraph'; import './leaflet.helpers'; export default class Project { diff --git a/src/scripts/page.upload.js b/src/scripts/page.upload.js index f46cb50..c06aa86 100644 --- a/src/scripts/page.upload.js +++ b/src/scripts/page.upload.js @@ -9,7 +9,7 @@ export default class Upload { this.spot = oSpot; } - pageInit (asHash) { + pageInit(asHash) { let asProject = this.spot.vars(['projects', this.spot.vars('default_project_codename')]); this.spot.tmp('status-box', $('#status')); if(asProject.editable) { diff --git a/src/styles/_leaflet.scss b/src/styles/_leaflet.scss index 34199b2..17d6062 100644 --- a/src/styles/_leaflet.scss +++ b/src/styles/_leaflet.scss @@ -9,7 +9,7 @@ $stroke-width-mouse-focus : 1; $stroke-width-height-focus: 2; $stroke-width-axis : 2; -@import '../../node_modules/leaflet/dist/leaflet'; +@import '../../node_modules/leaflet/dist/leaflet.css'; @import '../../node_modules/leaflet.heightgraph/src/L.Control.Heightgraph.css'; /* Leaflet fixes */ diff --git a/src/styles/_simplebar.scss b/src/styles/_simplebar.scss deleted file mode 100644 index e13bcdc..0000000 --- a/src/styles/_simplebar.scss +++ /dev/null @@ -1,211 +0,0 @@ -[data-simplebar] { - position: relative; - flex-direction: column; - flex-wrap: wrap; - justify-content: flex-start; - align-content: flex-start; - align-items: flex-start; -} - -.simplebar-wrapper { - overflow: hidden; - width: inherit; - height: inherit; - max-width: inherit; - max-height: inherit; -} - -.simplebar-mask { - direction: inherit; - position: absolute; - overflow: hidden; - padding: 0; - margin: 0; - left: 0; - top: 0; - bottom: 0; - right: 0; - width: auto !important; - height: auto !important; - z-index: 0; -} - -.simplebar-offset { - direction: inherit !important; - box-sizing: inherit !important; - resize: none !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - padding: 0; - margin: 0; - -webkit-overflow-scrolling: touch; -} - -.simplebar-content-wrapper { - direction: inherit; - box-sizing: border-box !important; - position: relative; - display: block; - height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ - width: auto; - max-width: 100%; /* Not required for horizontal scroll to trigger */ - max-height: 100%; /* Needed for vertical scroll to trigger */ - scrollbar-width: none; - -ms-overflow-style: none; -} - -.simplebar-content-wrapper::-webkit-scrollbar, -.simplebar-hide-scrollbar::-webkit-scrollbar { - width: 0; - height: 0; -} - -.simplebar-content:before, -.simplebar-content:after { - content: ' '; - display: table; -} - -.simplebar-placeholder { - max-height: 100%; - max-width: 100%; - width: 100%; - pointer-events: none; -} - -.simplebar-height-auto-observer-wrapper { - box-sizing: inherit !important; - height: 100%; - width: 100%; - max-width: 1px; - position: relative; - float: left; - max-height: 1px; - overflow: hidden; - z-index: -1; - padding: 0; - margin: 0; - pointer-events: none; - flex-grow: inherit; - flex-shrink: 0; - flex-basis: 0; -} - -.simplebar-height-auto-observer { - box-sizing: inherit; - display: block; - opacity: 0; - position: absolute; - top: 0; - left: 0; - height: 1000%; - width: 1000%; - min-height: 1px; - min-width: 1px; - overflow: hidden; - pointer-events: none; - z-index: -1; -} - -.simplebar-track { - z-index: 1; - position: absolute; - right: 0; - bottom: 0; - pointer-events: none; - overflow: hidden; -} - -[data-simplebar].simplebar-dragging .simplebar-content { - pointer-events: none; - user-select: none; - -webkit-user-select: none; -} - -[data-simplebar].simplebar-dragging .simplebar-track { - pointer-events: all; -} - -.simplebar-scrollbar { - position: absolute; - left: 0; - right: 0; - min-height: 10px; -} - -.simplebar-scrollbar:before { - position: absolute; - content: ''; - background: black; - border-radius: 7px; - left: 2px; - right: 2px; - opacity: 0; - transition: opacity 0.2s linear; -} - -.simplebar-scrollbar.simplebar-visible:before { - /* When hovered, remove all transitions from drag handle */ - opacity: 0.5; - transition: opacity 0s linear; -} - -.simplebar-track.simplebar-vertical { - top: 0; - width: 11px; -} - -.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { - top: 2px; - bottom: 2px; -} - -.simplebar-track.simplebar-horizontal { - left: 0; - height: 11px; -} - -.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { - height: 100%; - left: 2px; - right: 2px; -} - -.simplebar-track.simplebar-horizontal .simplebar-scrollbar { - right: auto; - left: 0; - top: 2px; - height: 7px; - min-height: 0; - min-width: 10px; - width: auto; -} - -/* Rtl support */ -[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { - right: auto; - left: 0; -} - -.hs-dummy-scrollbar-size { - direction: rtl; - position: fixed; - opacity: 0; - visibility: hidden; - height: 500px; - width: 500px; - overflow-y: hidden; - overflow-x: scroll; -} - -.simplebar-hide-scrollbar { - position: fixed; - left: 0; - visibility: hidden; - overflow-y: scroll; - scrollbar-width: none; - -ms-overflow-style: none; -} diff --git a/src/styles/spot.scss b/src/styles/spot.scss index 13f3544..443646d 100755 --- a/src/styles/spot.scss +++ b/src/styles/spot.scss @@ -6,6 +6,7 @@ @import 'fa'; @import 'lightbox'; @import 'leaflet'; +@import '../../node_modules/simplebar/dist/simplebar.css'; /* Pages Specific CSS */ @import 'page.project';