Skip to content

Commit

Permalink
cleanup unused css and layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@jrcain-usgs
jrcain-usgs committed Jun 17, 2024
1 parent 2c24d7f commit 687cb4e
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 272 deletions.
276 changes: 14 additions & 262 deletions docs/css/isis-demos.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@

/* ISIS demos */

/* General Layout */

canvas {
padding:5px;
background-color:black;
Expand Down Expand Up @@ -65,6 +68,8 @@ canvas {
color:white;
}

/* Buttons */

#calcsize, .console button {
font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
font-size: 0.8rem;
Expand Down Expand Up @@ -157,21 +162,15 @@ canvas {
);
}

.description {
font-family:sans-serif;
color:grey;
font-size:.8em;
display:block;
width:500px;
}
/* demo form elements */

.right label {
font-family: sans-serif;
margin:0 5px -10px 5px;
display: inline-block;
}

.bottom input[readonly], .sliderContainer input[readonly] {
.bottom input[readonly] {
border:0;
background-color:grey;
display:inline-block;
Expand All @@ -187,9 +186,11 @@ canvas {
display:block;
width:50px;
float:left;
margin:5px;
margin: 10px 5px;
}

/* Layout of specific demos */

#isis-pixels {
width:500px;
}
Expand Down Expand Up @@ -223,13 +224,14 @@ canvas {
}

#isis-cube {
width:800px;
width:810px;
height:610px;
background-color:LightGrey;
}

#isis-cube .right {
width:200px;
width:210px;
padding-left:10px;
}

#isis-cube canvas {
Expand Down Expand Up @@ -274,265 +276,15 @@ canvas {
margin:5px;
}

.range {
margin:10px;
}



.legend {
height:25px;
width:100px;
line-height:25px;
text-align:center;
}
/* hack for slider */
.ui-slider-horizontal .ui-slider-range {
height: 8px !important;
padding: 0px !important;
}
.ui-slider .ui-slider-handle {
height: 10px !important;
}

/* map projection demos */

#radii-demo {
position:relative;
width:525px;
height:275px;
background-color:black;
border:3px solid lightGrey;
margin:5px;
}

#radii-demo canvas {
background-color:white;
}

#radii-demo .sidebar {
position:absolute;
background-color:lightGrey;
right:0;
top:0;
height:235px;
width:160px;
padding:20px;
font-family:sans-serif;
}

#radii-demo .ui-slider {
display:inline-block;
width:100px;
height:10px;
top:2px;
}

#radii-demo .ui-slider .ui-slider-handle {
height:12px;
width:10px;
top:-2px;
margin-left:-5px;
}

#radii-demo input {
height:10px;
font-size:10px;
width:50px;
border:0;
padding:0;
margin-left:5px;
font-family:sans-serif;
background-color:lightGrey;
margin-bottom:5px;
}

#longitudes-demo {
position:relative;
width:525px;
height:275px;
background-color:lightGrey;
border:3px solid lightGrey;
margin:5px;
}

.grid {
position:absolute;
z-index:2;
left:0;
top:25px;
}

.imgContainer {
position:relative;
}

.imgContainer .map {
position:absolute;
top:25px;
left:0;
}

.imgContainer span:first-child {
margin-right:50px;
}
.imgContainer span {
display:inline-block;
font-family:sans-serif;
font-weight:bold;
text-align:center;
}

.radioContainer {
position:relative;
display:inline-block;
}

.radioContainer label {
display:block;
}

.switchContainer {
position:absolute;
bottom:0;
}

.posContainer {
position:absolute;
right:0;
width:115px;
}

.posContainer *, .radioContainer * {
font-family:sans-serif;
font-size:.8em;
}

.posContainer label {
font-weight:bold;
}

.posContainer input {
display:block;
width:50px;
border:none;
background-color:lightGrey;
}

#planeto-demo {
position:relative;
height:600px;
width:600px;
background-color:lightGrey;
margin:5px;
}

#planeto-demo canvas {
background-color:grey;
position:absolute;
bottom:0;
right:0;
left:0;
margin:auto;
}

#planeto-demo .ui-slider {
width:558px;
height:12px;
}

#planeto-demo .ui-slider .ui-slider-handle {
height:14px;
width:14px;
top:-4px;
}

#planeto-demo .radiusInput, .latInput {
display:none;
}

.topbar {
position:relative;
padding:10px 20px 0px 20px;
}

.topbar span {
display:block;
height:18px;
font-size:16px;
line-height:18px;
font-family:sans-serif;
margin:2px 0;
}

#planeto-demo .planetocentricInput {
color:gold;
top:170px;
}

#planeto-demo .planetographicInput {
color:brown;
top:150px;
}

#planeto-demo .planetocentricInput, #planeto-demo .planetographicInput {
position:absolute;
background-color:grey;
border:none;
display:block;
right:0;
margin:5px auto;
font-weight:bold;
}

#ortho-demo {
height:600px;
width:600px;
background-color:black;
margin:5px;
}

.sliderContainer {
width:100%;
background-color:lightGrey;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
padding:20px;
}

.sliderContainer div {
text-align:right;
}


#ortho-demo .ui-slider-horizontal {
height:12px;
width:400px;
display:inline-block;
float:left;
}

#ortho-demo span {
font-size:12px;
font-family:sans-serif;
}

#ortho-demo input {
font-size:11px;
width:50px;
background-color:lightGrey;
border:none;
float:right;
text-align:right;
margin-right:20px;
}

#ortho-demo .ui-slider .ui-slider-handle {
height:14px;
width:14px;
top:-2px;
}
/* Image Data Size Calculator */

.app-container {
color: black;
Expand Down
16 changes: 6 additions & 10 deletions docs/js/isisDemos.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1206,23 +1206,19 @@ isisConsole.prototype.addChallengeControls = function() {

isisConsole.prototype.initCubeDemoButtons = function() {
var c = this;
var container = document.createElement('div');
container.setAttribute('class', 'range');
var addBand = createButton('add-band','+band');
var removeBand = createButton('remove-band', '-band');
var addLine = createButton('add-line','+line');
var removeLine = createButton('remove-line', '-line');
var addSample = createButton('add-sample', '+sample');
var removeSample = createButton('remove-sample', '-sample');

container.appendChild(addBand);
container.appendChild(removeBand);
container.appendChild(addLine);
container.appendChild(removeLine);
container.appendChild(addSample);
container.appendChild(removeSample);

c.displayRight.appendChild(container);
c.displayRight.appendChild(addBand);
c.displayRight.appendChild(removeBand);
c.displayRight.appendChild(addLine);
c.displayRight.appendChild(removeLine);
c.displayRight.appendChild(addSample);
c.displayRight.appendChild(removeSample);
}

function createButton(id, text) {
Expand Down

0 comments on commit 687cb4e

Please sign in to comment.