rework css for correct color backgrounds of inputs

Author: fawda123

global.R renamed to R/global.R

@@ -9,6 +9,8 @@ source(here::here('R/funcs.R'))
 # load('data/epcdata.RData')
 load(url('https://tbep-tech.github.io/wq-dash/data/epcdata.RData'))
 load(url('https://tbep-tech.github.io/wq-dash/data/algdat.RData'))
+data(tbseg, package = 'tbeptools')
+data(targets, package = 'tbeptools')
 load(here::here('data/avedat.RData'))
 load(here::here('data/mapdat.RData'))
 load(here::here('data/plotlys.RData')) # thrplototb, thrplothb, thrplotmtb, thrplotltb, attmat, chlmat, lamat

styles.css

@@ -114,20 +114,31 @@ h6 {
 
 /* shiny slider stuff */
 
-.irs-bar-edge {
-  background: #00806E !important;
-  border: 1px #00806E !important;
+
+.irs-line {
+  background: #E5E5E5 !important;
+  border: 1px #E5E5E5 !important;
 }
 
-.irs-single {
-  background: #00806E !important;
+.irs-single, .irs-from, .irs-to {
+  background: #00806E!important; 
 }
 
-.js-irs-0 .irs-single-0, .js-irs-0 .irs-bar-edge-0, .js-irs-0 .irs-bar, .js-irs-0 .irs-line {
+.js-irs-0 .irs-bar-edge, .js-irs-0 .irs-bar{
   background: #E5E5E5 !important; 
   border: 1px #E5E5E5 !important;
 }
 
+.js-irs-1 .irs-bar-edge, .js-irs-1 .irs-bar {
+  background: #00806E!important; 
+  border: 1px #00806E !important;
+}
+
+/* background color of selected option for shiny selectInput */
+.selectize-dropdown .option.selected {
+  background: #00806E !important;
+}
+
 /* tabset top border */
 
 .nav-tabs-custom > .nav-tabs > li.active {

wq-dash.Rmd

@@ -12,7 +12,7 @@ css: styles.css
 ---
 
 ```{r setup, include=F}
-source(here::here('global.R'))
+source(here::here('R/global.R'))
 ```
 
 ```{r reactives}