Merge pull request #154 from communitiesuk/changed-from-box-css

Changed from box css
communitiesuk · Apr 23, 2024 · 2fc3721 · 2fc3721
2 parents c530b00 + 68d5c6a
commit 2fc3721
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 1 deletion.
diff --git a/gov_uk_dashboards/assets/dashboard.css b/gov_uk_dashboards/assets/dashboard.css
@@ -8148,4 +8148,40 @@ mark.expenditure {
 .non-interactive-legend-cursor .legend text,
 .non-interactive-legend-cursor .legend .traces .legendtoggle {
   cursor: default !important;
+}
+
+.pl-\[26px\], .changed-from-arrow_up_red, .changed-from-arrow_up_green, .changed-from-arrow_down_red, .changed-from-arrow_down_green {
+  padding-left: 26px !important;
+}
+
+.changed-from-arrow_down_green {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='%23005A30' stroke-width='2' d='M8 0v12M7.793 12.657l6.364-6.364M7.657 12.071 1.293 5.707'/%3E%3Cpath stroke='%23005A30' stroke-width='1.02' d='m8.379 13.483-2.121-2.122'/%3E%3C/svg%3E") !important;
+}
+
+.changed-from-arrow_down_red {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='%23AA2A16' stroke-width='2' d='M8 0v12M7.793 12.657l6.364-6.364M7.657 12.071 1.293 5.707'/%3E%3Cpath stroke='%23AA2A16' stroke-width='1.02' d='m8.379 13.483-2.121-2.122'/%3E%3C/svg%3E") !important;
+}
+
+.changed-from-arrow_up_green {
+  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'><path stroke='%23005A30' stroke-width='2' d='M6.864 14.364v-12M7.071 1.707.707 8.071M7.207 2.293l6.364 6.364'/><path stroke='%23005A30' stroke-width='1.02' d='m6.485.881 2.121 2.122'/></svg>") !important;
+}
+
+.changed-from-arrow_up_red {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath stroke='%23AA2A16' stroke-width='2' d='M6.864 14.364v-12M7.071 1.707.707 8.071M7.207 2.293l6.364 6.364'/%3E%3Cpath stroke='%23AA2A16' stroke-width='1.02' d='m6.485.881 2.121 2.122'/%3E%3C/svg%3E") !important;
+}
+
+.changed-from-box-formatting {
+  margin-top: 2px !important;
+  white-space: nowrap !important;
+  background-repeat: no-repeat !important;
+  background-position: 6px !important;
+}
+
+.changed-from-number-formatting {
+  font-weight: 700 !important;
+  color: inherit !important;
+}
+
+.text-color-inherit {
+  color: inherit !important;
 }
diff --git a/scss/dashboard.scss b/scss/dashboard.scss
@@ -1182,4 +1182,45 @@ mark.expenditure {
 .non-interactive-legend-cursor .legend text,
 .non-interactive-legend-cursor .legend .traces .legendtoggle {
     cursor: default !important;
+}
+
+
+.pl-\[26px\] {
+  padding-left: 26px!important
+}
+
+.changed-from-arrow_down_green {
+  @extend .pl-\[26px\];
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='%23005A30' stroke-width='2' d='M8 0v12M7.793 12.657l6.364-6.364M7.657 12.071 1.293 5.707'/%3E%3Cpath stroke='%23005A30' stroke-width='1.02' d='m8.379 13.483-2.121-2.122'/%3E%3C/svg%3E")!important;
+}
+
+.changed-from-arrow_down_red {
+  @extend .pl-\[26px\];
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='%23AA2A16' stroke-width='2' d='M8 0v12M7.793 12.657l6.364-6.364M7.657 12.071 1.293 5.707'/%3E%3Cpath stroke='%23AA2A16' stroke-width='1.02' d='m8.379 13.483-2.121-2.122'/%3E%3C/svg%3E")!important
+}
+
+.changed-from-arrow_up_green {
+  @extend .pl-\[26px\];
+  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'><path stroke='%23005A30' stroke-width='2' d='M6.864 14.364v-12M7.071 1.707.707 8.071M7.207 2.293l6.364 6.364'/><path stroke='%23005A30' stroke-width='1.02' d='m6.485.881 2.121 2.122'/></svg>")!important
+}
+
+.changed-from-arrow_up_red {
+  @extend .pl-\[26px\];
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath stroke='%23AA2A16' stroke-width='2' d='M6.864 14.364v-12M7.071 1.707.707 8.071M7.207 2.293l6.364 6.364'/%3E%3Cpath stroke='%23AA2A16' stroke-width='1.02' d='m6.485.881 2.121 2.122'/%3E%3C/svg%3E")!important
+}
+
+.changed-from-box-formatting {
+  margin-top: 2px!important;
+  white-space: nowrap!important;
+  background-repeat: no-repeat!important;
+  background-position: 6px!important
+}
+
+.changed-from-number-formatting{
+  font-weight: 700!important;
+  color: inherit!important
+}
+
+.text-color-inherit{
+  color: inherit!important
 }
diff --git a/setup.py b/setup.py
@@ -10,7 +10,7 @@
     author="Department for Levelling Up, Housing and Communities",
     description="Provides access to functionality common to creating a data dashboard.",
     name="gov_uk_dashboards",
-    version="9.30.1",
+    version="9.31.0",
     long_description=long_description,
     long_description_content_type="text/markdown",
     packages=find_packages(),