Merge pull request #168 from communitiesuk/add-css-for-homepage

Add css for homepage

gov_uk_dashboards/assets/dashboard.css

@@ -8254,4 +8254,44 @@ mark.expenditure {
 .fix-width {
   width: 197px;
   display: inline-block;
+}
+
+.grid-labels {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 100px);
+  height: 100px;
+  padding: 0px 10px;
+}
+
+.grid-icons-img {
+  height: 64px;
+  width: 64px;
+  padding: 18px;
+}
+
+.grid-item-home-page {
+  background-color: #1d70b8;
+  color: white;
+  text-align: left;
+  display: flex;
+  box-sizing: border-box;
+  overflow: hidden;
+  font-weight: bold;
+  height: 100px;
+}
+
+.grid-container-home-page {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-auto-rows: 100px;
+  padding: 20px 0px;
+  gap: 20px 100px;
+  align-items: stretch;
+}
+
+@media (max-width: 600px) {
+  .grid-container-home-page {
+    grid-template-columns: 1fr;
+  }
 }

scss/dashboard.scss

@@ -1297,4 +1297,44 @@ mark.expenditure {
     width: 197px; 
     display: inline-block;
     // width of 197px determined from OFFICIAL-SENSITIVE in protective marking to ensure app title is always central in header
+}
+
+.grid-labels {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 100px);
+  height: 100px;
+  padding: 0px 10px;
+}
+
+.grid-icons-img {
+  height:64px;
+  width:64px;
+  padding: 18px;
+  }
+
+.grid-item-home-page {
+    background-color: #1d70b8;
+    color: white;
+    text-align: left;
+    display: flex;
+    box-sizing: border-box;
+    overflow: hidden;
+    font-weight: bold;
+    height: 100px;
+  }
+
+.grid-container-home-page{
+    display: grid;
+    grid-template-columns: repeat(2, 1fr); ;
+    grid-auto-rows: 100px;
+    padding: 20px 0px;
+    gap: 20px 100px; 
+    align-items: stretch;
+  }
+
+@media (max-width: 600px) {
+  .grid-container-home-page {
+    grid-template-columns: 1fr; 
+  }
 }

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.42.0",
+    version="9.43.0",
     long_description=long_description,
     long_description_content_type="text/markdown",
     packages=find_packages(),