Commit f5a6f52d authored by Scott Ames's avatar Scott Ames
Browse files

added disabled css

parent 99f8383f

app/package-lock.json

+5 −0
Original line number Diff line number Diff line
@@ -5031,6 +5031,11 @@ 
      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",

      "dev": true

    },

    "jquery": {

      "version": "3.4.1",

      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",

      "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw=="

    },

    "js-base64": {

      "version": "2.5.1",

      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz",

app/src/components/container/MapContainer.jsx

+1 −19
Original line number Diff line number Diff line
@@ -13,32 +13,14 @@ export default class MapContainer extends Component { 
  handleFullScreenChange() {}



  componentDidMount() {

    let map = new AstroMap("map-container", "Mars", {});

    let map = new AstroMap("map-container", "DIONE", {});

    new Projection().addTo(map);

    new MousePosition({

      numDigits: 2,

      targetPlanet: "mars"

    }).addTo(map);

    /* new L.Control.sidebar({

      container: "fs-menu-container"

    }).addTo(map); */



    map.on("fullscreenchange", this.handleFullScreenChange());



    /* let panelContent = {

      id: "home",

      tab: '<i class="fa fa-home"></i>',

      title: "Your Profile",

      position: "bottom" //

    };



    let FullScreenMenu = L.control

      .sidebar({

        container: "fs-menu-container"

      })

      .addPanel(panelContent)

      .addTo(map);

      */

  }



  render() {

app/src/components/presentational/ConsoleProjectionButtons.jsx

+12 −5
Original line number Diff line number Diff line 
import React from "react";

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

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

import { makeStyles } from "@material-ui/core/styles";

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

import { makeStyles, withStyles } from "@material-ui/core/styles";

import northPolar from "../../assets/img/NorthPolar.png";

import simpleCylindrical from "../../assets/img/SimpleCylindrical.png";

import southPolar from "../../assets/img/SouthPolar.png";
@@ -10,7 +11,6 @@ const useStyles = makeStyles({ 
  img: {

    width: "100%",

    height: "100%"

    //paddingBottom: 3

  },

  button: {

    width: 31,
@@ -30,9 +30,6 @@ const useStyles = makeStyles({ 
    border: "2px orange solid",

    borderRadius: "15%",

    borderStyle: "outset"

  },

  disabled: {



  },

  grid: {

    maxWidth: 40,
@@ -42,6 +39,16 @@ const useStyles = makeStyles({ 
  focusVisible: {}

});



const StyledTooltip = withStyles(theme => ({

  tooltip: {

    backgroundColor: "#f5f5f9",

    color: "rgba(0, 0, 0, 0.87)",

    maxWidth: 250,

    fontSize: 12,

    border: "1px solid #dadde9"

  }

}))(Tooltip);



export default function ConsoleProjectionButtons(props) {

  const classes = useStyles();

app/src/styles.css

+4 −0
Original line number Diff line number Diff line
@@ -12,6 +12,10 @@ 
  max-height: 700px;

}



/*

Controls the CSS for projection buttons when there is no available projection

*/

.disabled {

    pointer-events: none;

    opacity: 40%;

}