cvmartin
6/16/2018 - 5:05 PM

Dygraph styling

Dygraphs is a great package, but the legend looks rather boring. This styling offers a much more neat legend and title styling

/* dygraph styling */

.dygraph-title {
  text-align: left;
  font-weight: normal;
  font-size: 70%;
}

.dygraph-legend {
  color: white;
  background-color: #BABABA !important;
  padding-left:5px;
  border-color:#BABABA;
  border-style:solid;
  border-width:thin;
  transition:0s 4s;
  z-index: 20 !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
  border-radius: 3px;
}

.shiny-tab-input li.active{
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .3);
}

#login_panel {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
}

.dygraph-legend:hover{
    transform: translate(-110%);
    transition: 0s;
}

.dygraph-legend > span {
  color: black;
  padding-left:5px;
  margin-left:-5px;
  background-color: white !important;
  display: block;
}

.dygraph-legend > span > span{
  display: inline;
}

.highlight {
  border-left: 2px solid #BABABA;
  padding-left:3px !important;
  
  }