webgme-rosmod/src/visualizers/widgets/ResultsViz/styles/ResultsVizWidget.css

This repository contains ROSMOD developed for WebGME. ROSMOD is a web-based, collaborative, modeling and execution environment for distributed embedded applications built using ROS http://rosmod.rcps.isis.vanderbilt.edu

/**
 * This file is for any css that you may want for this visualizer.
 *
 * Ideally, you would use the scss file also provided in this directory 
 * and then generate this file automatically from that. However, you can 
 * simply write css if you prefer
 */

.results-viz {
    width: 100%;
    height: 100%;
}

.results-viz .controls {
    height: 75px;
    width: 100%;
    overflow: auto;
}

.results-viz .toggle {
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.results-viz .selector {
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.results-viz .select2-container {
    min-width: 200px;
}

.results-viz .select2-dropdown {
    min-width: 200px;
}

.results-viz .plot-div {
    width: 100%;
    height: calc(100% - 75px);
}