diff --git a/src/components/map/drawing-tool/styles.ts b/src/components/map/drawing-tool/styles.ts index 16cb6ce3b..0dab36224 100644 --- a/src/components/map/drawing-tool/styles.ts +++ b/src/components/map/drawing-tool/styles.ts @@ -13,7 +13,7 @@ const DRAWING_STYLES: Layer[] = [ }, paint: { 'line-color': '#00857F', - 'line-width': 2, + 'line-width': 3, }, }, // polygon fill @@ -27,16 +27,6 @@ const DRAWING_STYLES: Layer[] = [ 'fill-opacity': 0.1, }, }, - // polygon mid points - { - id: 'gl-draw-polygon-midpoint', - type: 'circle', - filter: ['all', ['==', '$type', 'Point'], ['==', 'meta', 'midpoint']], - paint: { - 'circle-radius': 3, - 'circle-color': '#fbb03b', - }, - }, // polygon outline stroke // This doesn't style the first edge of the polygon, which uses the line stroke styling instead { @@ -49,7 +39,7 @@ const DRAWING_STYLES: Layer[] = [ }, paint: { 'line-color': '#00857F', - 'line-width': 2, + 'line-width': 3, }, }, // vertex point halos @@ -59,7 +49,9 @@ const DRAWING_STYLES: Layer[] = [ filter: ['all', ['==', 'meta', 'vertex'], ['==', '$type', 'Point'], ['!=', 'mode', 'static']], paint: { 'circle-radius': 5, - 'circle-color': '#FFF', + 'circle-color': 'white', + 'circle-stroke-width': 0.5, + 'circle-stroke-color': 'hsla(0, 0%, 0%, 0.15)', }, }, // vertex points @@ -68,8 +60,10 @@ const DRAWING_STYLES: Layer[] = [ type: 'circle', filter: ['all', ['==', 'meta', 'vertex'], ['==', '$type', 'Point'], ['!=', 'mode', 'static']], paint: { - 'circle-radius': 3, - 'circle-color': '#00857F', + 'circle-radius': 5, + 'circle-color': 'white', + 'circle-stroke-width': 0.5, + 'circle-stroke-color': 'hsla(0, 0%, 0%, 0.15)', }, }, diff --git a/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx b/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx index 2bc332efe..e5d8312da 100644 --- a/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx +++ b/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx @@ -47,14 +47,7 @@ type CardBasemapContextualProps = { hasDropdown?: boolean; }; -const CardBasemapContextual = ({ - id, - mosaic_id, - type, - name, - description, - hasDropdown, -}: CardBasemapContextualProps) => { +const CardBasemapContextual = ({ id, type, name, description }: CardBasemapContextualProps) => { const [basemapStored, setBasemap] = useRecoilState(basemapAtom); const [basemapContextualSelected, setBasemapContextual] = useRecoilState(basemapContextualAtom); @@ -118,11 +111,6 @@ const CardBasemapContextual = ({ {description &&
{description}
} - {/* {isActive && hasDropdown && ( -