Commit 039590eb authored by Scott Ames's avatar Scott Ames
Browse files

re-styled coordinate display

parent 24f114ab

app/src/.gitignore

0 → 100644
+20 −0
Original line number Diff line number Diff line 
.cache/

coverage/

dist/

dist/*

.dist/

node_modules

package-lock.json

*.log

app/package-lock.json

app/node_modules

app/docs



# OS generated files

.DS_Store

.DS_Store?

._*

.Spotlight-V100

.Trashes

ehthumbs.db

Thumbs.db

app/src/components/container/MapContainer.jsx

+1 −1
Original line number Diff line number Diff line
@@ -32,7 +32,7 @@ export default class MapContainer extends Component { 
    let map = new AstroMap("map-container", this.props.target, {});

    new Projection().addTo(map);

    new MousePosition({

      numDigits: 2

      numDigits: 3

    }).addTo(map);



    let drawnItems = new L.FeatureGroup();

app/src/components/presentational/ConsoleCoordinates.jsx

+45 −9
Original line number Diff line number Diff line
@@ -4,18 +4,40 @@ import Typography from "@material-ui/core/Typography"; 
import { makeStyles, withStyles } from "@material-ui/core/styles";

import Tooltip from "@material-ui/core/Tooltip";

import Zoom from "@material-ui/core/Zoom";

import Paper from "@material-ui/core/Paper";

import Divider from "@material-ui/core/Divider";



/**

 * Controls css styling for this component using js to css

 */

const useStyles = makeStyles({

  grid: {

    width: "100%",

    height: "100%",

    maxHeight: 60

  },

  title: {

    color: "#343a40"

    color: "#343a40",

    fontSize: 14,

    fontWeight: 600

  },

  coords: {

    color: "#343a40",

    fontSize: 14

  },

  container: {

    display: "flex",

    flexWrap: "noWrap",

    //maxHeight: 60,

    "& > *": {

      margin: 0,

      padding: 0,

      width: "47.5%",

      height: "50%",

      //maxHeight: 50,

      //maxWidth: "100%",

      backgroundColor: "#f1f3f5",

      textAlign: "center"

    }

  }

});
@@ -48,7 +70,7 @@ export default function ConsoleCoordinates() { 
      justify="flex-end"

      alignItems="center"

      item

      xs={2}

      xs={3}

    >

      <Grid item xs>

        <StyledTooltip
@@ -62,12 +84,26 @@ export default function ConsoleCoordinates() { 
          arrow

          TransitionComponent={Zoom}

        >

          <div className={classes.container}>

            <Paper variant="outlined" square>

              <Typography className={classes.title}>Longitude</Typography>

              <Typography

                noWrap

                className={classes.coords}

                id="lonCoordinateDisplay"

                variant="subtitle1"

              />

            </Paper>

            <Paper variant="outlined" square>

              <Typography className={classes.title}>Latitude</Typography>

              <Typography

                noWrap

            className={classes.title}

            id="coordinateDisplay"

                className={classes.coords}

                id="latCoordinateDisplay"

                variant="subtitle1"

              />

            </Paper>

          </div>

        </StyledTooltip>

      </Grid>

    </Grid>

app/src/components/presentational/ConsoleLonLatSelects.jsx

+1 −1
Original line number Diff line number Diff line
@@ -130,7 +130,7 @@ export default function ConsoleLonLatSelects() { 
      justify="space-evenly"

      alignItems="center"

      className={classes.grid}

      xs={10}

      xs={9}

    >

      <Grid item>

        <StyledTooltip

app/src/components/presentational/ConsoleTargetInfo.jsx

+1 −1
Original line number Diff line number Diff line
@@ -19,7 +19,7 @@ const useStyles = makeStyles({ 
  title: {

    color: "#343a40",

    fontWeight: 900,

    letterSpacing: "1.2rem"

    letterSpacing: "0.8rem"

  }

});