From 24e102999c0ea9a424c862bbeec25dad8ecb0112 Mon Sep 17 00:00:00 2001 From: Iva Utikalova Date: Sun, 5 May 2024 21:06:40 +0200 Subject: [PATCH] frontend fix --- src/components/bootstrap/layers/layers.css | 6 ++---- src/css/custom.css | 4 ++++ .../{PlaygroundBarGeojson.tsx => PlaygroundBarGeo.tsx} | 6 +++--- src/geovisto_demos/components/index.ts | 4 ++-- 4 files changed, 11 insertions(+), 9 deletions(-) rename src/geovisto_demos/components/{PlaygroundBarGeojson.tsx => PlaygroundBarGeo.tsx} (95%) diff --git a/src/components/bootstrap/layers/layers.css b/src/components/bootstrap/layers/layers.css index c6467f0..d33257f 100644 --- a/src/components/bootstrap/layers/layers.css +++ b/src/components/bootstrap/layers/layers.css @@ -59,13 +59,11 @@ } .tabs__nav a:hover{ - font-size: 25px; - color: var(--text-color-hover); + color: var(--text-color-hover-layers); } .tabs__nav li:has(a:hover) { - font-size: 25px; - color: var(--text-color-hover); + color: var(--text-color-hover-layers); } .tabs__nav li:has(a.tab__active) { diff --git a/src/css/custom.css b/src/css/custom.css index 1caea49..24609c5 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -74,6 +74,8 @@ --text-color: #ffffff; --text-color-hover: #eaeaea; + --text-color-hover-layers: #8b8b8b; + --ifm-background-color:#1b1b1d; @@ -114,6 +116,8 @@ html[data-theme='dark'] { --text-color: black; --text-color-hover: #d8d8d8; + --text-color-hover-layers: #636363; + --ifm-background-color:#f8f8f8; diff --git a/src/geovisto_demos/components/PlaygroundBarGeojson.tsx b/src/geovisto_demos/components/PlaygroundBarGeo.tsx similarity index 95% rename from src/geovisto_demos/components/PlaygroundBarGeojson.tsx rename to src/geovisto_demos/components/PlaygroundBarGeo.tsx index 04050bb..0165dad 100644 --- a/src/geovisto_demos/components/PlaygroundBarGeojson.tsx +++ b/src/geovisto_demos/components/PlaygroundBarGeo.tsx @@ -8,7 +8,7 @@ const C_ID_select_geojson = "leaflet-combined-map-select-geojson"; const C_ID_input_geojson = "leaflet-combined-map-input-geojson"; const C_ID_input_geojson_export = "leaflet-combined-map-input-export-geojson"; -const PlaygroundBarGeojson = (props) => { +const PlaygroundBarGeo = (props) => { const [isLoading, setIsLoading] = useState(false); const [state, setState] = useState({ @@ -63,7 +63,7 @@ const PlaygroundBarGeojson = (props) => { const handleChange = async (e) => { setIsLoading(true); state.value = e; - const geojson = (await file('resources/geojson/' + e.value)).data + const geojson = (await file('resources/geo/' + e.value)).data props.callback(e.value, geojson); setIsLoading(false); } @@ -100,4 +100,4 @@ const PlaygroundBarGeojson = (props) => { ); }; -export default PlaygroundBarGeojson; +export default PlaygroundBarGeo; diff --git a/src/geovisto_demos/components/index.ts b/src/geovisto_demos/components/index.ts index c99d35c..cfb8da9 100644 --- a/src/geovisto_demos/components/index.ts +++ b/src/geovisto_demos/components/index.ts @@ -1,7 +1,7 @@ import PlaygroundBarData from "./PlaygroundBarData"; import PlaygroundBarConfig from "./PlaygroundBarConfig"; -import PlaygroundBarGeojson from "./PlaygroundBarGeojson"; +import PlaygroundBarGeo from "./PlaygroundBarGeo"; import PlaygroundBarSearchDatasets from "./PlaygroundBarSearchDatasets"; -export { PlaygroundBarData, PlaygroundBarGeojson, PlaygroundBarConfig, PlaygroundBarSearchDatasets}; +export { PlaygroundBarData, PlaygroundBarGeo, PlaygroundBarConfig, PlaygroundBarSearchDatasets};