12/5: Release Branch

blocks/gmo-program-details/gmo-program-details.css

@@ -29,6 +29,28 @@ body {
     }
 }
 
+.export-asset-count-button{
+    background-color: #FFFFFF;
+    font: normal normal normal 15px/18px Adobe Clean;
+    height: auto;
+    width: auto;
+    display: flex;
+    padding: 5px 10px 5px 10px;
+    align-items: center;
+    border: 1px solid #D3D3D3;
+    border-radius: 4px;
+    cursor: pointer;
+    &:hover {
+        background-color: #c5c8c9;
+    }
+    & > .icon {
+        width: 15px;
+        margin-left: 5px;
+        margin-right: 8px;
+    }
+
+}
+
 .gmo-program-details-wrapper {
     margin-top: 50px;
     min-height: 400px;
@@ -195,6 +217,11 @@ body {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    position: relative;
+    & .export-asset-count-button{
+        position:absolute;
+        right: 450px;
+    }
 }
 .tab.calendar {
     margin-top:10px;
@@ -646,6 +673,9 @@ body {
         color: #505050;
         cursor: pointer;
     }
+    .collection-block {
+        width: fit-content;
+    }
 }
 
 .kpis-wrapper {
@@ -690,7 +720,13 @@ body {
         margin-bottom: 5px; 
         &:not(:last-child) {
             margin-right: 5px;
+                cursor: pointer;
         }
+        &.selected{
+            background-color: #0096FF;
+            color: white;
+        }
+
     }
 }
 
@@ -771,26 +807,38 @@ body {
             }
         }
     }
-    .links-wrapper {
+    .links-wrapper, .collections-wrapper {
         display: flex;
         flex-direction: column;
         max-width: 90%;
         margin-right: 100px;
         margin-top: unset;
-        & .links {
+        .links, .collections {
             display: flex;
             justify-content: space-between;
             margin-top: 10px;
         }
-        & .campaign-link {
+        .campaign-link, .collection-link {
             font: normal normal normal 14px/21px Adobe Clean;
             letter-spacing: 0px;
             color: #0D66D0;
+
             &:not(:last-child) {
                 margin-right: 30px;
             }
         }
     }
+    .collections-wrapper {
+        margin-left: 100px;
+    }
+    .collection-link-wrapper {
+        display: flex;
+        flex-direction: column;
+        .collection-link {
+            display: block;
+            white-space: nowrap;
+        }
+    }
 }
 
 .total-assets-tooltip {
@@ -849,6 +897,9 @@ body {
         position: sticky;
         position: -webkit-sticky;
         top: 0;
+        & > .showhide-deliverables {
+            margin-left: 10px;
+        }
     }
 }
 
@@ -1005,11 +1056,25 @@ body {
     width: 200px;
 }
 
+.header.column1 {
+    margin-left: 16px;
+}
+
 .column3 {
     width: 140px;
 }
 
-.column4, .column5, .column6 {
+.column4 {
+    width: 110px;
+    margin-right: 40px;
+}
+
+.column5 {
+    width: 410px;
+    margin-right: 40px;
+}
+
+.column6 {
     width: 110px;
 }
 
@@ -1034,7 +1099,7 @@ body {
 
 .table-column {
     &:not(:last-child) {
-        margin-right: 85px;
+        margin-right: 45px;
     }
 }
 
@@ -1052,3 +1117,20 @@ body {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
+.selected {
+    background-color: #0096FF;
+    .scope{
+        color: white;
+        font-weight: bold; /* Optional: to make the text bold */
+    }
+
+}
+
+.clear-selection {
+    font-weight: normal;
+    color: #0096FF;
+    cursor: pointer;
+    margin-left: 10px;
+}
+