variables badges: custom class for label

dreamRs · Sep 23, 2022 · 5861cfe · 5861cfe
1 parent 94f6fd8
commit 5861cfe
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 24 deletions.
diff --git a/R/utils.R b/R/utils.R
@@ -133,15 +133,15 @@ badgeType <- function(col_name, col_type) {
       col_name_i <- col_name[i]
       col_type_i <- col_type[i]
       if (col_type_i == "discrete") {
-        tags$span(class = "label label-discrete badge-dad", col_name_i)
+        tags$span(class = "label-esquisse label-discrete badge-dad", col_name_i)
       } else if (col_type_i == "time") {
-        tags$span(class = "label label-datetime badge-dad", col_name_i)
+        tags$span(class = "label-esquisse label-datetime badge-dad", col_name_i)
       } else if (col_type_i == "continuous") {
-        tags$span(class="label label-continuous badge-dad", col_name_i)
+        tags$span(class="label-esquisse label-continuous badge-dad", col_name_i)
       } else if (col_type_i == "id") {
-        tags$span(class = "label label-default badge-dad", col_name_i)
+        tags$span(class = "label-esquisse label-default badge-dad", col_name_i)
       } else {
-        tags$span(class = "label label-other badge-dad", col_name_i)
+        tags$span(class = "label-esquisse label-other badge-dad", col_name_i)
       }
     }
   )

diff --git a/inst/assets/dragula/styles-dad.css b/inst/assets/dragula/styles-dad.css
@@ -63,25 +63,6 @@
   font-size: 120%;
 }
 
-.label-discrete {
-  background-color: #EF562D;
-  color: #FFFFFF;
-}
-
-.label-continuous {
-  background-color: #0C4C8A;
-  color: #FFFFFF;
-}
-
-.label-datetime {
-  background-color: #97D5E0;
-  color: #FFFFFF;
-}
-
-.label-other {
-  background-color: #2E2E2E;
-  color: #FFFFFF;
-}
 
 .badge-dad {
   border-radius: 7px !important;

diff --git a/inst/assets/esquisse/css/styles.css b/inst/assets/esquisse/css/styles.css
@@ -232,3 +232,33 @@ div[id^="shiny-notification-esquisse"] > .shiny-notification-close {
 }
 
 
+
+/* Style for variable badges */
+.label-esquisse {
+	display: inline;
+	padding: .2em .6em .3em;
+	font-size: 80%;
+	font-weight: 700;
+	line-height: 1;
+	color: #fff;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: baseline;
+	border-radius: .25em;
+}
+.label-discrete {
+  background-color: #EF562D;
+  color: #FFFFFF;
+}
+.label-continuous {
+  background-color: #0C4C8A;
+  color: #FFFFFF;
+}
+.label-datetime {
+  background-color: #97D5E0;
+  color: #FFFFFF;
+}
+.label-other {
+  background-color: #2E2E2E;
+  color: #FFFFFF;
+}