063 - Superzip: controls in styles.css interacts with sliderInputs in odd ways

[grcatlin]

Hi all,

While this doesn't technically need fixing as it doesn't affect the app as it stands (apologies if that means this is incorrect etiquette), I've noticed that the zoom: 0.9; argument in

#controls {
  /* Appearance */
  background-color: white;
  padding: 0 20px 20px 20px;
  cursor: move;
  /* Fade out while not hovering */
  opacity: 0.85;
  zoom: 0.9;
  transition: opacity 500ms 1s;
}

within styles.css causes any basic sliderInput() added in the ui's abolutePanel() to become "sticky". Essentially it's super hard to drag around and gets caught on specific numbers for some reason. I'm a beginner at all of this, but this sure caused me a headache as I looked everywhere but in the styles.css to fix this behavior. Posting here in case this is easily fixed and/or other folks run into similar behavior as I know a fair amount of people would use the code existing to make their own apps.