Fix CSS

mckinsey · Jul 16, 2024 · 83c28b6 · 83c28b6
1 parent cbcff26
commit 83c28b6
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 2 deletions.
diff --git a/...ets/images/charts/proportional-symbol.svg → ...llery/assets/images/charts/bubble-map.svg b/...ets/images/charts/proportional-symbol.svg → ...llery/assets/images/charts/bubble-map.svg
diff --git a/...lery/assets/images/charts/dot-density.svg → ...-gallery/assets/images/charts/dot-map.svg b/...lery/assets/images/charts/dot-density.svg → ...-gallery/assets/images/charts/dot-map.svg
diff --git a/vizro-core/examples/chart-gallery/utils/_components.py b/vizro-core/examples/chart-gallery/utils/_components.py
@@ -13,6 +13,8 @@
 
 
 class CodeClipboard(vm.VizroBaseModel):
+    """Contains code snippet with a copy to clipboard button."""
+
     type: Literal["code_clipboard"] = "code_clipboard"
     title: str = "Code"
     text: str
@@ -36,6 +38,8 @@ def build(self):
 
 
 class Markdown(vm.VizroBaseModel):
+    """Markdown component."""
+
     type: Literal["markdown"] = "markdown"
     text: str = Field(
         ..., description="Markdown string to create card title/text that should adhere to the CommonMark Spec."

diff --git a/vizro-core/examples/chart-gallery/utils/_containers.py b/vizro-core/examples/chart-gallery/utils/_containers.py
@@ -109,7 +109,7 @@ def tidy_chart_title(chart: str) -> str:
     ]
 )
 FLOW_CHARTS = sorted(["sankey", "waterfall", "chord", "network"])
-SPATIAL_CHARTS = sorted(["choropleth", "dot-density", "flow-map", "proportional-symbol"])
+SPATIAL_CHARTS = sorted(["choropleth", "dot-map", "flow-map", "bubble-map"])
 
 ALL_CHARTS = sorted(
     set(

diff --git a/...-core/src/vizro/static/css/fonts/code.css → vizro-core/src/vizro/static/css/code.css b/...-core/src/vizro/static/css/fonts/code.css → vizro-core/src/vizro/static/css/code.css
@@ -8,7 +8,7 @@ code.language-python.hljs {
   font-family: unset;
 }
 
-.hljs-string {
+.hljs-string, .hljs-params .hljs-string, .hljs-number {
   color: var(--text-code-string);
   font-family: unset;
 }
@@ -17,3 +17,8 @@ code.language-python.hljs {
   color: var(--text-code-keyword);
   font-family: unset;
 }
+
+.hljs-title.function_, .hljs-meta, .hljs-built_in, .hljs-type {
+  color: var(--text-code-meta);
+  font-family: unset;
+}
diff --git a/...re/src/vizro/static/css/fonts/tooltip.css → vizro-core/src/vizro/static/css/tooltip.css b/...re/src/vizro/static/css/fonts/tooltip.css → vizro-core/src/vizro/static/css/tooltip.css
diff --git a/vizro-core/src/vizro/static/css/variables.css b/vizro-core/src/vizro/static/css/variables.css
@@ -91,6 +91,8 @@
   --status-warning: var(--status-dark-mode-warning);
   --text-code-string: #95c2e7;
   --text-code-keyword: #f4766e;
+  --text-code-meta: #c8ace1;
+  --text-code-type: #f69d50;
 }
 
 .vizro_light {
@@ -158,4 +160,6 @@
   --inverse-color: invert(100%);
   --text-code-string: #0a3069;
   --text-code-keyword: #d12d39;
+    --text-code-meta: #6f42c1;
+    --text-code-type: #f69d50;
 }