Merge branch 'assets-12024' into assets-88901

* assets-12024: ASSETS-88901 : (Backend) Campaign Page: Filters (#72) Campaign details block (#71)
hlxsites · May 2, 2024 · 975d5ff · 975d5ff
2 parents 3999599 + 27e2467
commit 975d5ff
Show file tree

Hide file tree

Showing 2 changed files with 220 additions and 37 deletions.
diff --git a/blocks/gmo-campaign-details/gmo-campaign-details.css b/blocks/gmo-campaign-details/gmo-campaign-details.css
@@ -144,6 +144,9 @@ body {
     }
 }
 .use-cases-wrapper {
+    margin-bottom: 30px;
+}
+.use-cases-wrapper, .channel-scope-wrapper {
     display: flex;
     flex-direction: column;
     margin-top: 30px;
@@ -152,7 +155,7 @@ body {
         flex-direction: row;
         margin-top: 10px;
     }
-    & .use-case-tag {
+    & .use-case-tag, .scope-tag {
         font: normal normal normal 14px/17px Adobe Clean;
         color: #505050;
         border: 1px solid #D3D3D3;
@@ -164,6 +167,11 @@ body {
         }
     }
 }
+.main-message-wrapper {
+    display: flex;
+    flex-direction: column;
+    margin-top: 20px;
+}
 .links-wrapper {
     margin-top: 30px;
     & .links {
@@ -195,6 +203,12 @@ body {
         margin-top: 10px;
         margin-bottom: 10px;
     }
+    &.scope {
+        font: normal normal normal 14px/21px Adobe Clean;
+        & > ul {
+            padding-left: 15px;
+        }
+    }
 }
 .milestone, .card-content {
     font: normal normal normal 14px/21px Adobe Clean;
@@ -263,6 +277,14 @@ body {
     }
     &.datarow {
         display: flex;
+        height: 88px;
+        font-weight: 200;
+        & .property {
+            line-height: 88px;
+        }
+        &:first-child, &:nth-child(2) {
+            border-top: 2px solid #F4F4F4;
+        }
     }
     &.collapsible.header {
         height: unset;
@@ -288,6 +310,11 @@ body {
     & .property {
         line-height: 56px;
     }
+    & .justify-center {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
 }
 .subheader {
     &:nth-child(2) {
@@ -297,6 +324,43 @@ body {
         border-top: 2px solid #F4F4F4;
     }
 }
+.status-wrapper {
+    height: 56px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    & > .status-heading {
+        display: flex;
+        justify-content: space-between;
+        height: 12px;
+        font: normal normal normal 12px/15px Adobe Clean;
+
+    }
+    & > .status-bar-wrapper {
+        position: relative;
+        & > .status-bar-underlay {
+            background-color: #D3D3D3;
+            width: 100%;
+            margin-top: 15px;
+            height: 6px;
+            margin-bottom: 5px;
+            left: 0;
+            top: 0;
+            position: absolute;
+            border-radius: 3px;
+        }
+        & > .status-bar {
+            margin-top: 15px;
+            height: 6px;
+            background-color: #2680EB;
+            margin-bottom: 5px;
+            z-index: 1;
+            position: relative;
+            border-radius: 3px;
+        }
+    }
+
+}
 .column1 {
     margin-left: 45px;
 }
@@ -316,7 +380,7 @@ body {
     width: 100px;
 }
 .column9 {
-    width: 90px;
+    width: 150px;
 }
 .table-column {
     &:not(:last-child) {