From e0abb558d85d97868fca2b9d5198b6394798cfe1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Wed, 8 Apr 2020 19:31:24 +0200 Subject: [PATCH] Viewer: Fix responsive and positioning --- package.json | 4 +- pnpm-lock.yaml | 167 ++++++++++-------- src/organisms/Carousel.svelte | 8 + .../viewer/[country]/[place]/[photo].svelte | 3 +- src/style/_base.scss | 12 +- src/style/pages/_viewer.scss | 44 +++-- 6 files changed, 136 insertions(+), 102 deletions(-) diff --git a/package.json b/package.json index 9c511c1..1ec1cc6 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "@babel/core": "^7.9.0", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-transform-runtime": "^7.9.0", - "@babel/preset-env": "^7.9.0", + "@babel/preset-env": "^7.9.5", "@babel/runtime": "^7.9.2", "@rollup/plugin-alias": "^3.0.1", "@rollup/plugin-commonjs": "^11.0.2", @@ -50,7 +50,7 @@ "postcss": "^7.0.27", "postcss-load-config": "^2.1.0", "postcss-preset-env": "^6.7.0", - "rollup": "^2.3.3", + "rollup": "^2.3.4", "rollup-plugin-babel": "^4.4.0", "rollup-plugin-eslint": "^7.0.0", "rollup-plugin-glslify": "^1.2.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index c547226..b6a94f2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -12,12 +12,12 @@ devDependencies: '@babel/core': 7.9.0 '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-runtime': 7.9.0_@babel+core@7.9.0 - '@babel/preset-env': 7.9.0_@babel+core@7.9.0 + '@babel/preset-env': 7.9.5_@babel+core@7.9.0 '@babel/runtime': 7.9.2 - '@rollup/plugin-alias': 3.0.1_rollup@2.3.3 - '@rollup/plugin-commonjs': 11.0.2_rollup@2.3.3 - '@rollup/plugin-node-resolve': 7.1.1_rollup@2.3.3 - '@rollup/plugin-replace': 2.3.1_rollup@2.3.3 + '@rollup/plugin-alias': 3.0.1_rollup@2.3.4 + '@rollup/plugin-commonjs': 11.0.2_rollup@2.3.4 + '@rollup/plugin-node-resolve': 7.1.1_rollup@2.3.4 + '@rollup/plugin-replace': 2.3.1_rollup@2.3.4 autoprefixer: 9.7.6 babel-plugin-module-resolver: 4.0.0 dotenv: 8.2.0 @@ -32,12 +32,12 @@ devDependencies: postcss: 7.0.27 postcss-load-config: 2.1.0 postcss-preset-env: 6.7.0 - rollup: 2.3.3 - rollup-plugin-babel: 4.4.0_@babel+core@7.9.0+rollup@2.3.3 + rollup: 2.3.4 + rollup-plugin-babel: 4.4.0_@babel+core@7.9.0+rollup@2.3.4 rollup-plugin-eslint: 7.0.0 rollup-plugin-glslify: 1.2.0 - rollup-plugin-svelte: 5.2.1_rollup@2.3.3+svelte@3.20.1 - rollup-plugin-terser: 5.3.0_rollup@2.3.3 + rollup-plugin-svelte: 5.2.1_rollup@2.3.4+svelte@3.20.1 + rollup-plugin-terser: 5.3.0_rollup@2.3.4 sapper: 0.27.12_svelte@3.20.1 svelte: 3.20.1 svelte-preprocess: 3.7.1_svelte@3.20.1 @@ -51,7 +51,7 @@ packages: integrity: sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g== /@babel/compat-data/7.9.0: dependencies: - browserslist: 4.11.0 + browserslist: 4.11.1 invariant: 2.2.4 semver: 5.7.1 dev: true @@ -82,7 +82,7 @@ packages: integrity: sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w== /@babel/generator/7.9.4: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 jsesc: 2.5.2 lodash: 4.17.15 source-map: 0.5.7 @@ -91,14 +91,14 @@ packages: integrity: sha512-rjP8ahaDy/ouhrvCoU1E5mqaitWrxwuNGU+dy1EpaoK48jZay4MdkskKGIMHLZNewg8sAsqpGSREJwP0zH3YQA== /@babel/helper-annotate-as-pure/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw== /@babel/helper-builder-binary-assignment-operator-visitor/7.8.3: dependencies: '@babel/helper-explode-assignable-expression': 7.8.3 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw== @@ -106,7 +106,7 @@ packages: dependencies: '@babel/compat-data': 7.9.0 '@babel/core': 7.9.0 - browserslist: 4.11.0 + browserslist: 4.11.1 invariant: 2.2.4 levenary: 1.1.1 semver: 5.7.1 @@ -128,8 +128,8 @@ packages: integrity: sha512-LYVPdwkrQEiX9+1R29Ld/wTrmQu1SSKYnuOk3g0CkcZMA1p0gsNxJFj/3gBdaJ7Cg0Fnek5z0DsMULePP7Lrqg== /@babel/helper-define-map/7.8.3: dependencies: - '@babel/helper-function-name': 7.8.3 - '@babel/types': 7.9.0 + '@babel/helper-function-name': 7.9.5 + '@babel/types': 7.9.5 lodash: 4.17.15 dev: true resolution: @@ -137,33 +137,33 @@ packages: /@babel/helper-explode-assignable-expression/7.8.3: dependencies: '@babel/traverse': 7.9.0 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw== - /@babel/helper-function-name/7.8.3: + /@babel/helper-function-name/7.9.5: dependencies: '@babel/helper-get-function-arity': 7.8.3 '@babel/template': 7.8.6 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: - integrity: sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA== + integrity: sha512-JVcQZeXM59Cd1qanDUxv9fgJpt3NeKUaqBqUEvfmQ+BCOKq2xUgaWZW2hr0dkbyJgezYuplEoh5knmrnS68efw== /@babel/helper-get-function-arity/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA== /@babel/helper-hoist-variables/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg== /@babel/helper-member-expression-to-functions/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA== @@ -180,14 +180,14 @@ packages: '@babel/helper-simple-access': 7.8.3 '@babel/helper-split-export-declaration': 7.8.3 '@babel/template': 7.8.6 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 lodash: 4.17.15 dev: true resolution: integrity: sha512-0FvKyu0gpPfIQ8EkxlrAydOWROdHpBmiCiRwLkUiBGhCUPRRbVD2/tm3sFr/c/GWFrQ/ffutGUAnx7V0FzT2wA== /@babel/helper-optimise-call-expression/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ== @@ -207,7 +207,7 @@ packages: '@babel/helper-wrap-function': 7.8.3 '@babel/template': 7.8.6 '@babel/traverse': 7.9.0 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA== @@ -216,20 +216,20 @@ packages: '@babel/helper-member-expression-to-functions': 7.8.3 '@babel/helper-optimise-call-expression': 7.8.3 '@babel/traverse': 7.9.0 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-PeMArdA4Sv/Wf4zXwBKPqVj7n9UF/xg6slNRtZW84FM7JpE1CbG8B612FyM4cxrf4fMAMGO0kR7voy1ForHHFA== /@babel/helper-simple-access/7.8.3: dependencies: '@babel/template': 7.8.6 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw== /@babel/helper-split-export-declaration/7.8.3: dependencies: - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA== @@ -237,12 +237,16 @@ packages: dev: true resolution: integrity: sha512-6G8bQKjOh+of4PV/ThDm/rRqlU7+IGoJuofpagU5GlEl29Vv0RGqqt86ZGRV8ZuSOY3o+8yXl5y782SMcG7SHw== + /@babel/helper-validator-identifier/7.9.5: + dev: true + resolution: + integrity: sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g== /@babel/helper-wrap-function/7.8.3: dependencies: - '@babel/helper-function-name': 7.8.3 + '@babel/helper-function-name': 7.9.5 '@babel/template': 7.8.6 '@babel/traverse': 7.9.0 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ== @@ -320,16 +324,17 @@ packages: '@babel/core': ^7.0.0-0 resolution: integrity: sha512-jWioO1s6R/R+wEHizfaScNsAx+xKgwTLNXSh7tTC4Usj3ItsPEhYkEpU4h+lpnBwq7NBVOJXfO6cRFYcX69JUQ== - /@babel/plugin-proposal-object-rest-spread/7.9.0_@babel+core@7.9.0: + /@babel/plugin-proposal-object-rest-spread/7.9.5_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 '@babel/helper-plugin-utils': 7.8.3 '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.9.0 + '@babel/plugin-transform-parameters': 7.9.5_@babel+core@7.9.0 dev: true peerDependencies: '@babel/core': ^7.0.0-0 resolution: - integrity: sha512-UgqBv6bjq4fDb8uku9f+wcm1J7YxJ5nT7WO/jBr0cl0PLKb7t1O6RNR1kZbjgx2LQtsDI9hwoQVmn0yhXeQyow== + integrity: sha512-VP2oXvAf7KCYTthbUHwBlewbl1Iq059f6seJGsxMizaCdgHIeczOr7FBqELhSqfkIl04Fi8okzWzl63UKbQmmg== /@babel/plugin-proposal-optional-catch-binding/7.8.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 @@ -482,12 +487,12 @@ packages: '@babel/core': ^7.0.0-0 resolution: integrity: sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w== - /@babel/plugin-transform-classes/7.9.2_@babel+core@7.9.0: + /@babel/plugin-transform-classes/7.9.5_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 '@babel/helper-annotate-as-pure': 7.8.3 '@babel/helper-define-map': 7.8.3 - '@babel/helper-function-name': 7.8.3 + '@babel/helper-function-name': 7.9.5 '@babel/helper-optimise-call-expression': 7.8.3 '@babel/helper-plugin-utils': 7.8.3 '@babel/helper-replace-supers': 7.8.6 @@ -497,7 +502,7 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 resolution: - integrity: sha512-TC2p3bPzsfvSsqBZo0kJnuelnoK9O3welkUpqSqBQuBF6R5MN2rysopri8kNvtlGIb2jmUO7i15IooAZJjZuMQ== + integrity: sha512-x2kZoIuLC//O5iA7PEvecB105o7TLzZo8ofBVhP79N+DO3jaX+KYfww9TQcfBEZD0nikNyYcGB1IKtRq36rdmg== /@babel/plugin-transform-computed-properties/7.8.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 @@ -507,7 +512,7 @@ packages: '@babel/core': ^7.0.0-0 resolution: integrity: sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA== - /@babel/plugin-transform-destructuring/7.8.8_@babel+core@7.9.0: + /@babel/plugin-transform-destructuring/7.9.5_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 '@babel/helper-plugin-utils': 7.8.3 @@ -515,7 +520,7 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 resolution: - integrity: sha512-eRJu4Vs2rmttFCdhPUM3bV0Yo/xPSdPw6ML9KHs/bjB4bLA5HXlbvYXPOD5yASodGod+krjYx21xm1QmL8dCJQ== + integrity: sha512-j3OEsGel8nHL/iusv/mRd5fYZ3DrOxWC82x0ogmdN/vHfAP4MYw+AFKYanzWlktNwikKvlzUV//afBW5FTp17Q== /@babel/plugin-transform-dotall-regex/7.8.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 @@ -557,7 +562,7 @@ packages: /@babel/plugin-transform-function-name/7.8.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 - '@babel/helper-function-name': 7.8.3 + '@babel/helper-function-name': 7.9.5 '@babel/helper-plugin-utils': 7.8.3 dev: true peerDependencies: @@ -655,7 +660,7 @@ packages: '@babel/core': ^7.0.0-0 resolution: integrity: sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ== - /@babel/plugin-transform-parameters/7.9.3_@babel+core@7.9.0: + /@babel/plugin-transform-parameters/7.9.5_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 '@babel/helper-get-function-arity': 7.8.3 @@ -664,7 +669,7 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 resolution: - integrity: sha512-fzrQFQhp7mIhOzmOtPiKffvCYQSK10NR8t6BBz2yPbeUHb9OLW8RZGtgDRBn8z2hGcwvKDL3vC7ojPTLNxmqEg== + integrity: sha512-0+1FhHnMfj6lIIhVvS4KGQJeuhe1GI//h5uptK4PvLt+BGBxsoUJbd3/IW002yk//6sZPlFgsG1hY6OHLcy6kA== /@babel/plugin-transform-property-literals/7.8.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 @@ -761,7 +766,7 @@ packages: '@babel/core': ^7.0.0-0 resolution: integrity: sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw== - /@babel/preset-env/7.9.0_@babel+core@7.9.0: + /@babel/preset-env/7.9.5_@babel+core@7.9.0: dependencies: '@babel/compat-data': 7.9.0 '@babel/core': 7.9.0 @@ -773,7 +778,7 @@ packages: '@babel/plugin-proposal-json-strings': 7.8.3_@babel+core@7.9.0 '@babel/plugin-proposal-nullish-coalescing-operator': 7.8.3_@babel+core@7.9.0 '@babel/plugin-proposal-numeric-separator': 7.8.3_@babel+core@7.9.0 - '@babel/plugin-proposal-object-rest-spread': 7.9.0_@babel+core@7.9.0 + '@babel/plugin-proposal-object-rest-spread': 7.9.5_@babel+core@7.9.0 '@babel/plugin-proposal-optional-catch-binding': 7.8.3_@babel+core@7.9.0 '@babel/plugin-proposal-optional-chaining': 7.9.0_@babel+core@7.9.0 '@babel/plugin-proposal-unicode-property-regex': 7.8.8_@babel+core@7.9.0 @@ -790,9 +795,9 @@ packages: '@babel/plugin-transform-async-to-generator': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-block-scoped-functions': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-block-scoping': 7.8.3_@babel+core@7.9.0 - '@babel/plugin-transform-classes': 7.9.2_@babel+core@7.9.0 + '@babel/plugin-transform-classes': 7.9.5_@babel+core@7.9.0 '@babel/plugin-transform-computed-properties': 7.8.3_@babel+core@7.9.0 - '@babel/plugin-transform-destructuring': 7.8.8_@babel+core@7.9.0 + '@babel/plugin-transform-destructuring': 7.9.5_@babel+core@7.9.0 '@babel/plugin-transform-dotall-regex': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-duplicate-keys': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-exponentiation-operator': 7.8.3_@babel+core@7.9.0 @@ -807,7 +812,7 @@ packages: '@babel/plugin-transform-named-capturing-groups-regex': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-new-target': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-object-super': 7.8.3_@babel+core@7.9.0 - '@babel/plugin-transform-parameters': 7.9.3_@babel+core@7.9.0 + '@babel/plugin-transform-parameters': 7.9.5_@babel+core@7.9.0 '@babel/plugin-transform-property-literals': 7.8.3_@babel+core@7.9.0 '@babel/plugin-transform-regenerator': 7.8.7_@babel+core@7.9.0 '@babel/plugin-transform-reserved-words': 7.8.3_@babel+core@7.9.0 @@ -818,8 +823,8 @@ packages: '@babel/plugin-transform-typeof-symbol': 7.8.4_@babel+core@7.9.0 '@babel/plugin-transform-unicode-regex': 7.8.3_@babel+core@7.9.0 '@babel/preset-modules': 0.1.3_@babel+core@7.9.0 - '@babel/types': 7.9.0 - browserslist: 4.11.0 + '@babel/types': 7.9.5 + browserslist: 4.11.1 core-js-compat: 3.6.4 invariant: 2.2.4 levenary: 1.1.1 @@ -828,14 +833,14 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 resolution: - integrity: sha512-712DeRXT6dyKAM/FMbQTV/FvRCms2hPCx+3weRjZ8iQVQWZejWWk1wwG6ViWMyqb/ouBbGOl5b6aCk0+j1NmsQ== + integrity: sha512-eWGYeADTlPJH+wq1F0wNfPbVS1w1wtmMJiYk55Td5Yu28AsdR9AsC97sZ0Qq8fHqQuslVSIYSGJMcblr345GfQ== /@babel/preset-modules/0.1.3_@babel+core@7.9.0: dependencies: '@babel/core': 7.9.0 '@babel/helper-plugin-utils': 7.8.3 '@babel/plugin-proposal-unicode-property-regex': 7.8.8_@babel+core@7.9.0 '@babel/plugin-transform-dotall-regex': 7.8.3_@babel+core@7.9.0 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 esutils: 2.0.3 dev: true peerDependencies: @@ -852,7 +857,7 @@ packages: dependencies: '@babel/code-frame': 7.8.3 '@babel/parser': 7.9.4 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 dev: true resolution: integrity: sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg== @@ -860,10 +865,10 @@ packages: dependencies: '@babel/code-frame': 7.8.3 '@babel/generator': 7.9.4 - '@babel/helper-function-name': 7.8.3 + '@babel/helper-function-name': 7.9.5 '@babel/helper-split-export-declaration': 7.8.3 '@babel/parser': 7.9.4 - '@babel/types': 7.9.0 + '@babel/types': 7.9.5 debug: 4.1.1 globals: 11.12.0 lodash: 4.17.15 @@ -878,6 +883,14 @@ packages: dev: true resolution: integrity: sha512-BS9JKfXkzzJl8RluW4JGknzpiUV7ZrvTayM6yfqLTVBEnFtyowVIOu6rqxRd5cVO6yGoWf4T8u8dgK9oB+GCng== + /@babel/types/7.9.5: + dependencies: + '@babel/helper-validator-identifier': 7.9.5 + lodash: 4.17.15 + to-fast-properties: 2.0.0 + dev: true + resolution: + integrity: sha512-XjnvNqenk818r5zMaba+sLQjnbda31UfUURv3ei0qPQw4u+j2jMyJ5b11y8ZHYTRSI3NnInQkkkRT4fLqqPdHg== /@choojs/findup/0.2.1: dependencies: commander: 2.20.3 @@ -899,23 +912,23 @@ packages: dev: false resolution: integrity: sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA== - /@rollup/plugin-alias/3.0.1_rollup@2.3.3: + /@rollup/plugin-alias/3.0.1_rollup@2.3.4: dependencies: - rollup: 2.3.3 + rollup: 2.3.4 slash: 3.0.0 dev: true peerDependencies: rollup: ^1.20.0 resolution: integrity: sha512-ReSy6iPl3GsWLMNeshXAfgItZFMoMOTYC7MZQQM5va4pqxiGgwl1xZUZfHW6zGyZPK+k8TBadxx+kdmepiUa+g== - /@rollup/plugin-commonjs/11.0.2_rollup@2.3.3: + /@rollup/plugin-commonjs/11.0.2_rollup@2.3.4: dependencies: - '@rollup/pluginutils': 3.0.8_rollup@2.3.3 + '@rollup/pluginutils': 3.0.8_rollup@2.3.4 estree-walker: 1.0.1 is-reference: 1.1.4 magic-string: 0.25.7 resolve: 1.15.1 - rollup: 2.3.3 + rollup: 2.3.4 dev: true engines: node: '>= 8.0.0' @@ -923,14 +936,14 @@ packages: rollup: ^1.20.0 resolution: integrity: sha512-MPYGZr0qdbV5zZj8/2AuomVpnRVXRU5XKXb3HVniwRoRCreGlf5kOE081isNWeiLIi6IYkwTX9zE0/c7V8g81g== - /@rollup/plugin-node-resolve/7.1.1_rollup@2.3.3: + /@rollup/plugin-node-resolve/7.1.1_rollup@2.3.4: dependencies: - '@rollup/pluginutils': 3.0.8_rollup@2.3.3 + '@rollup/pluginutils': 3.0.8_rollup@2.3.4 '@types/resolve': 0.0.8 builtin-modules: 3.1.0 is-module: 1.0.0 resolve: 1.15.1 - rollup: 2.3.3 + rollup: 2.3.4 dev: true engines: node: '>= 8.0.0' @@ -938,20 +951,20 @@ packages: rollup: ^1.20.0 resolution: integrity: sha512-14ddhD7TnemeHE97a4rLOhobfYvUVcaYuqTnL8Ti7Jxi9V9Jr5LY7Gko4HZ5k4h4vqQM0gBQt6tsp9xXW94WPA== - /@rollup/plugin-replace/2.3.1_rollup@2.3.3: + /@rollup/plugin-replace/2.3.1_rollup@2.3.4: dependencies: - '@rollup/pluginutils': 3.0.8_rollup@2.3.3 + '@rollup/pluginutils': 3.0.8_rollup@2.3.4 magic-string: 0.25.7 - rollup: 2.3.3 + rollup: 2.3.4 dev: true peerDependencies: rollup: ^1.20.0 resolution: integrity: sha512-qDcXj2VOa5+j0iudjb+LiwZHvBRRgWbHPhRmo1qde2KItTjuxDVQO21rp9/jOlzKR5YO0EsgRQoyox7fnL7y/A== - /@rollup/pluginutils/3.0.8_rollup@2.3.3: + /@rollup/pluginutils/3.0.8_rollup@2.3.4: dependencies: estree-walker: 1.0.1 - rollup: 2.3.3 + rollup: 2.3.4 dev: true engines: node: '>= 8.0.0' @@ -1501,7 +1514,7 @@ packages: integrity: sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA== /core-js-compat/3.6.4: dependencies: - browserslist: 4.11.0 + browserslist: 4.11.1 semver: 7.0.0 dev: true resolution: @@ -4061,11 +4074,11 @@ packages: hasBin: true resolution: integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w== - /rollup-plugin-babel/4.4.0_@babel+core@7.9.0+rollup@2.3.3: + /rollup-plugin-babel/4.4.0_@babel+core@7.9.0+rollup@2.3.4: dependencies: '@babel/core': 7.9.0 '@babel/helper-module-imports': 7.8.3 - rollup: 2.3.3 + rollup: 2.3.4 rollup-pluginutils: 2.8.2 dev: true peerDependencies: @@ -4087,10 +4100,10 @@ packages: dev: true resolution: integrity: sha512-EqUFINMICD9U3MJ4jsxBcCRhzWNZJBWyAK2ol+2ClWIPaIWOuz0OY/Ml8rdT81F4aufwxJN5I9N7QvCth0OrUQ== - /rollup-plugin-svelte/5.2.1_rollup@2.3.3+svelte@3.20.1: + /rollup-plugin-svelte/5.2.1_rollup@2.3.4+svelte@3.20.1: dependencies: require-relative: 0.8.7 - rollup: 2.3.3 + rollup: 2.3.4 rollup-pluginutils: 2.8.2 sourcemap-codec: 1.4.8 svelte: 3.20.1 @@ -4100,11 +4113,11 @@ packages: svelte: '*' resolution: integrity: sha512-wc93cN66sRpX6uFljVFqvWT6NU3V5ab/uLXKt2UiARuexFU/ctolzkmdXM7WM5iKdTX9scToS9sabJTJV4DUMA== - /rollup-plugin-terser/5.3.0_rollup@2.3.3: + /rollup-plugin-terser/5.3.0_rollup@2.3.4: dependencies: '@babel/code-frame': 7.8.3 jest-worker: 24.9.0 - rollup: 2.3.3 + rollup: 2.3.4 rollup-pluginutils: 2.8.2 serialize-javascript: 2.1.2 terser: 4.6.7 @@ -4119,7 +4132,7 @@ packages: dev: true resolution: integrity: sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ== - /rollup/2.3.3: + /rollup/2.3.4: dev: true engines: node: '>=10.0.0' @@ -4127,7 +4140,7 @@ packages: optionalDependencies: fsevents: 2.1.2 resolution: - integrity: sha512-uJ9VNWk80mb4wDCSfd1AyHoSc9TrWbkZtnO6wbsMTp9muSWkT26Dvc99MX1yGCOTvUN1Skw/KpFzKdUDuZKTXA== + integrity: sha512-8U9x54RCVhrUEV1zon4Pp8kokg1HM0fwzf5vkwe2/rOfyTClarx5e27kFlaoZ7ofJiazWkNQ+dgdG4HuZxkQ9A== /run-async/2.4.0: dependencies: is-promise: 2.1.0 @@ -4853,7 +4866,7 @@ specifiers: '@babel/core': ^7.9.0 '@babel/plugin-syntax-dynamic-import': ^7.8.3 '@babel/plugin-transform-runtime': ^7.9.0 - '@babel/preset-env': ^7.9.0 + '@babel/preset-env': ^7.9.5 '@babel/runtime': ^7.9.2 '@rollup/plugin-alias': ^3.0.1 '@rollup/plugin-commonjs': ^11.0.2 @@ -4879,7 +4892,7 @@ specifiers: postcss: ^7.0.27 postcss-load-config: ^2.1.0 postcss-preset-env: ^6.7.0 - rollup: ^2.3.3 + rollup: ^2.3.4 rollup-plugin-babel: ^4.4.0 rollup-plugin-eslint: ^7.0.0 rollup-plugin-glslify: ^1.2.0 diff --git a/src/organisms/Carousel.svelte b/src/organisms/Carousel.svelte index 9649f99..d8802f2 100644 --- a/src/organisms/Carousel.svelte +++ b/src/organisms/Carousel.svelte @@ -233,7 +233,15 @@ + {#if !viewer} currentIndex = event.detail} /> + {/if} + +{#if viewer} + currentIndex = event.detail} +/> +{/if} diff --git a/src/routes/viewer/[country]/[place]/[photo].svelte b/src/routes/viewer/[country]/[place]/[photo].svelte index 64114f3..ecdaa87 100644 --- a/src/routes/viewer/[country]/[place]/[photo].svelte +++ b/src/routes/viewer/[country]/[place]/[photo].svelte @@ -10,7 +10,8 @@ // Fields const fields = [ 'id', 'name', 'slug', 'date', 'image.private_hash', - 'location.id', 'location.name', 'location.slug', 'location.country.name', 'location.country.slug' + 'location.id', 'location.name', 'location.slug', + 'location.country.name', 'location.country.slug' ] const req = await this.fetch(`${apiEndpoints.rest}/items/photos?fields=${fields.join()}&filter[location.slug][rlike]=%${page.params.place}%`) const photos = await req.json() diff --git a/src/style/_base.scss b/src/style/_base.scss index 92d85a9..dd08436 100644 --- a/src/style/_base.scss +++ b/src/style/_base.scss @@ -170,11 +170,18 @@ button { ========================================================================== */ .style-location { font-family: $font-serif; - font-size: rem(24px); + font-size: 6vw; color: #fff; line-height: 1.15; text-align: center; + @include breakpoint (m) { + font-size: rem(24px); + } + @include breakpoint (sm) { + font-size: rem(28px); + } + a { color: #fff; text-decoration: none; @@ -184,9 +191,6 @@ button { } } - @include breakpoint (sm) { - font-size: rem(28px); - } .street { margin-bottom: 8px; diff --git a/src/style/pages/_viewer.scss b/src/style/pages/_viewer.scss index be257c5..11b283c 100644 --- a/src/style/pages/_viewer.scss +++ b/src/style/pages/_viewer.scss @@ -3,14 +3,12 @@ position: relative; height: 100vh; min-height: 560px; - padding-top: 16px; - overflow-x: hidden; + display: flex; + flex-direction: column; + justify-content: space-between; @include breakpoint (sm) { width: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; padding-top: 24px; } @@ -19,7 +17,9 @@ ** Top part */ &__top { + position: relative; z-index: 10; + margin-top: 16px; padding-left: 24px; padding-right: 16px; display: flex; @@ -65,27 +65,37 @@ ** Carousel */ .carousel { + width: 100%; + @include breakpoint (xs) { - position: absolute; - top: 50%; - left: 0; - right: 0; - transform: translateY(-37%); + margin-top: 20%; } @include breakpoint (sm) { - width: 100%; margin: auto; } // Landscape - @media screen and (max-width: $screen-lg) and (orientation: landscape) { + @media screen and (min-width: $screen-sm) and (max-width: $screen-lg) and (orientation: landscape) { width: 95%; } + // Wrap + .wrap { + @include breakpoint (xs) { + width: 100%; + } + } + // Gallery .gallery { left: 0; right: 0; + &__images { + @include breakpoint (xs) { + overflow: hidden; + } + } + // Specific box shadow for images &__photo { box-shadow: 0 pxVW(16px) pxVW(40) rgba(#2E025C, 0.4); @@ -95,6 +105,7 @@ // Informations &__infos { margin-top: 32px; + margin-bottom: 16px; padding: 0 24px; @include breakpoint (sm) { @@ -120,13 +131,11 @@ // Date &__date { - margin-top: 16px; font-size: rem(12px); color: rgba($color-tertiary, 0.5); text-align: center; @include breakpoint (sm) { - margin: 0; font-size: rem(14px); text-align: left; } @@ -161,11 +170,10 @@ // Dots &__dots { - position: absolute; - bottom: 24px; - left: 0; - right: 0; + position: relative; z-index: 20; + margin-top: 24px; + margin-bottom: 24px; } } }