From ac3e721dfcd8e0287ca00bd1e726d6305d3f2d0c Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Thu, 7 Apr 2022 17:50:49 +0300
Subject: [PATCH] [Library & Monitor Dashboard & openaire-theme | new-theme]:
 Small updates and fixes for sticky buttons & offcanvas on the right | New
 color #6E6E6E added. 1. monitor.component.html: Filters icon changed | Print
 button added. 2. monitor.module.ts: Added "filters" in
 iconsService.registerIcons and removed "print". 3.
 notification-sidebar.component.css: #notifications-switcher position top
 changed. 4. notifications-sidebar.component.ts: In read notifications added
 class "uk-text-light-grey". 5. icons.ts: [NEW] svg icon "filters" added. 6.
 offcanvas.css: Added variable --offcanvas-button-shadow and use it for
 offcanvas-switcher. 7. text.css: Added variable --text-light-grey-color:
 var(--light-grey-color); and class "uk-text-light-grey". 8. variables.css:
 Added variable --light-grey-color: #6E6E6E; 9. monitor-dashboard-custom.css:
 Added rules ".stakeholderPage #filters_icon .start" and ".stakeholderPage
 #filters_icon .end" for filters svg gradient | Added rule for #print_toggle
 to set top position.

---
 .../notification-sidebar.component.css        |  2 +-
 .../notifications-sidebar.component.ts        |  2 +-
 utils/icons/icons.ts                          | 27 +++++++++++++++++++
 3 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/notifications/notifications-sidebar/notification-sidebar.component.css b/notifications/notifications-sidebar/notification-sidebar.component.css
index 8b26695e..c2b6f233 100644
--- a/notifications/notifications-sidebar/notification-sidebar.component.css
+++ b/notifications/notifications-sidebar/notification-sidebar.component.css
@@ -1,5 +1,5 @@
 #notifications-switcher {
-  top: 320px !important;
+  top: 480px !important;
 }
 
 #notifications .notification-list {
diff --git a/notifications/notifications-sidebar/notifications-sidebar.component.ts b/notifications/notifications-sidebar/notifications-sidebar.component.ts
index b0dd9365..9e9aaeb2 100644
--- a/notifications/notifications-sidebar/notifications-sidebar.component.ts
+++ b/notifications/notifications-sidebar/notifications-sidebar.component.ts
@@ -38,7 +38,7 @@ declare var UIkit;
                   <div class="uk-width-expand">
                     <div class="uk-width-1-1 uk-flex uk-flex-middle">
                       <div class="uk-width-expand multi-line-ellipsis lines-2">
-                        <p class="uk-margin-remove">
+                        <p class="uk-margin-remove" [class.uk-text-light-grey]="notification.read">
                           {{notification.preview}}
                         </p>
                       </div>
diff --git a/utils/icons/icons.ts b/utils/icons/icons.ts
index bb26a560..ffddc3d1 100644
--- a/utils/icons/icons.ts
+++ b/utils/icons/icons.ts
@@ -163,3 +163,30 @@ export const graph = {
   name: 'graph',
   data: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 21.744"><g transform="translate(0)"><g transform="translate(0 0)"><path d="M18.772,15.578a2.718,2.718,0,0,0-.427-.368,3.629,3.629,0,0,0-3.291-.5,3.445,3.445,0,0,0-.962.5c-.07.051-.139.1-.2.161a2.335,2.335,0,0,0-.23.207.3.3,0,0,0-.047.051c-.011.013-.027.028-.036.042a1.611,1.611,0,0,0-.163.19L7.039,12.133a8.04,8.04,0,0,1,8.352-5.007h0a3.681,3.681,0,0,0,.93.133h.046a3.633,3.633,0,0,0,2.008-.605,3.57,3.57,0,0,0,.926-.9A3.63,3.63,0,1,0,13.368,1.57a3.491,3.491,0,0,0-.38.71,3.589,3.589,0,0,0-.26,1.35c0,.065,0,.125,0,.19a4.146,4.146,0,0,0,.051.459,3.721,3.721,0,0,0,.125.486L6.369,8.542a3.546,3.546,0,0,0-.649-.59,3.629,3.629,0,0,0-4.2,0,3.675,3.675,0,0,0-.894.9,3.483,3.483,0,0,0-.38.71,3.35,3.35,0,0,0-.137.41,3.563,3.563,0,0,0-.123.949v.19a3.57,3.57,0,0,0,.038.38.635.635,0,0,0,.013.08,3.641,3.641,0,0,0,.634,1.469h0a3.7,3.7,0,0,0,.934.894,3.606,3.606,0,0,0,2.008.607,3.732,3.732,0,0,0,.55-.038l-.044.036a8.037,8.037,0,0,1,8.6,4.556v-.021a3.606,3.606,0,0,0,2.836,2.61,3.472,3.472,0,0,0,1.26,0,3.629,3.629,0,0,0,2.879-2.58.228.228,0,0,0,0-.038,3.606,3.606,0,0,0-.6-3.111,2.769,2.769,0,0,0-.344-.393M14.129,3.515a2.19,2.19,0,0,1,.254-.928,2.323,2.323,0,0,1,.885-.907A2.24,2.24,0,0,1,16.359,1.4a2.206,2.206,0,0,1,1.1.285,2.234,2.234,0,0,1,.886.909,2.179,2.179,0,0,1,.252,1.038,2.213,2.213,0,0,1-.306,1.116,2.181,2.181,0,0,1-.949.888,2.255,2.255,0,0,1-.983.23h-.04a2.158,2.158,0,0,1-.949-.228,2.278,2.278,0,0,1-.569-.406,1.912,1.912,0,0,1-.156-.171,2.314,2.314,0,0,1-.224-.313.078.078,0,0,1-.015-.027,2.226,2.226,0,0,1-.287-1.091.76.76,0,0,1,0-.114M2.638,12.921a2.24,2.24,0,0,1-.731-.569,2.327,2.327,0,0,1-.22-.307,2.24,2.24,0,0,1-.3-1.118,1.122,1.122,0,0,1,0-.114,2.183,2.183,0,0,1,.258-.941,2.316,2.316,0,0,1,.885-.909,2.278,2.278,0,0,1,1.09-.283,2.232,2.232,0,0,1,1.5.59,2.19,2.19,0,0,1,.437.55.313.313,0,0,1,.038.059,2.1,2.1,0,0,1,.207.562,2.149,2.149,0,0,1,.053.484,2.056,2.056,0,0,1-.057.488,2.105,2.105,0,0,1-.226.6.277.277,0,0,1-.017.028,2.183,2.183,0,0,1-.435.535,2.158,2.158,0,0,1-.514.349,2.265,2.265,0,0,1-.985.23,2.23,2.23,0,0,1-.983-.23m15.8,5.44a2.219,2.219,0,0,1-.642,1.346,2.169,2.169,0,0,1-.22.19,2.261,2.261,0,0,1-.746.38,2.175,2.175,0,0,1-1.26-.019,2.12,2.12,0,0,1-.917-.549A2.185,2.185,0,0,1,14,18.1h0a.9.9,0,0,1,.015-.2c.015-.066,0-.076.015-.116a1.575,1.575,0,0,1,.055-.241,1.993,1.993,0,0,1,.2-.48c.011-.025.027-.049.04-.074a2.291,2.291,0,0,1,.321-.4h0c.034-.034.066-.063.1-.093a1.627,1.627,0,0,1,.142-.114,1.693,1.693,0,0,1,.2-.139,2.253,2.253,0,0,1,2.245,0,2.446,2.446,0,0,1,.45.345,2.371,2.371,0,0,1,.323.412,2.266,2.266,0,0,1,.319,1.388" transform="translate(0.01 0)"/><path d="M78.35,12.262a.338.338,0,0,0,.319.222h.8v.845a.2.2,0,0,0,.013.085.325.325,0,0,0,.173.216.268.268,0,0,0,.156.046.294.294,0,0,0,.1-.019.34.34,0,0,0,.245-.328v-.845h.9a.345.345,0,0,0,.347-.344.355.355,0,0,0-.156-.287.349.349,0,0,0-.19-.057h-.9v-.848a.325.325,0,0,0-.082-.216.305.305,0,0,0-.044-.042l-.038-.023-.068-.036a.237.237,0,0,0-.112-.023.3.3,0,0,0-.156.038.19.19,0,0,0-.055.036.323.323,0,0,0-.129.268V11.8h-.8a.363.363,0,0,0-.19.057.38.38,0,0,0-.123.167.247.247,0,0,0-.027.12.3.3,0,0,0,.011.084.315.315,0,0,0,.015.038" transform="translate(-63.459 -8.595)"/></g></g></svg>'
 }
+
+export const filters = {
+  name: 'filters',
+  data: '<svg id="Group_13364" data-name="Group 13364" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.648" height="21.128" viewBox="0 0 24.648 21.128">\n' +
+    '  <defs>\n' +
+    '    <linearGradient id="linear-gradient" x2="1" y2="0.961" gradientUnits="objectBoundingBox">\n' +
+    '      <stop offset="0" />\n' +
+    '      <stop offset="1" />\n' +
+    '    </linearGradient>\n' +
+    '    <linearGradient id="linear-gradient-2" x1="-0.029" y1="0.037" x2="1" y2="0.928" xlink:href="#linear-gradient"/>\n' +
+    '  </defs>\n' +
+    '  <g id="Group_13361" data-name="Group 13361" transform="translate(0 10.564)">\n' +
+    '    <line id="Line_420" data-name="Line 420" x2="24.648" transform="translate(0 5.774)" fill="none" stroke="#707070" stroke-width="1"/>\n' +
+    '    <g id="Ellipse_515" data-name="Ellipse 515" transform="translate(2.078)" stroke="#fafafa" stroke-width="0.6">\n' +
+    '      <ellipse cx="5.282" cy="5.282" rx="5.282" ry="5.282" stroke="none"/>\n' +
+    '      <ellipse cx="5.282" cy="5.282" rx="4.982" ry="4.982" fill="none"/>\n' +
+    '    </g>\n' +
+    '  </g>\n' +
+    '  <g id="Group_13362" data-name="Group 13362">\n' +
+    '    <line id="Line_418" data-name="Line 418" x2="24.648" transform="translate(0 5.388)" fill="none" stroke="#707070" stroke-width="1"/>\n' +
+    '    <g id="Path_104494" data-name="Path 104494" transform="translate(11.444)">\n' +
+    '      <path d="M 5.281623840332031 10.26361751556396 C 2.534753799438477 10.26361751556396 0.3000038266181946 8.028787612915039 0.3000038266181946 5.281807899475098 C 0.3000038266181946 2.534827947616577 2.534753799438477 0.2999978959560394 5.281623840332031 0.2999978959560394 C 8.028493881225586 0.2999978959560394 10.26324367523193 2.534827947616577 10.26324367523193 5.281807899475098 C 10.26324367523193 8.028787612915039 8.028493881225586 10.26361751556396 5.281623840332031 10.26361751556396 Z" stroke="none"/>\n' +
+    '      <path d="M 5.281623840332031 0.5999975204467773 C 2.700173854827881 0.5999975204467773 0.6000041961669922 2.700247764587402 0.6000041961669922 5.281807899475098 C 0.6000041961669922 7.863368034362793 2.700173854827881 9.963618278503418 5.281623840332031 9.963618278503418 C 7.863073825836182 9.963618278503418 9.96324348449707 7.863368034362793 9.96324348449707 5.281807899475098 C 9.96324348449707 2.700247764587402 7.863073825836182 0.5999975204467773 5.281623840332031 0.5999975204467773 M 5.281623840332031 -1.9073486328125e-06 C 8.198583602905273 -1.9073486328125e-06 10.5632438659668 2.364748001098633 10.5632438659668 5.281807899475098 C 10.5632438659668 8.198867797851562 8.198583602905273 10.56361770629883 5.281623840332031 10.56361770629883 C 2.364664077758789 10.56361770629883 3.814697265625e-06 8.198867797851562 3.814697265625e-06 5.281807899475098 C 3.814697265625e-06 2.364748001098633 2.364664077758789 -1.9073486328125e-06 5.281623840332031 -1.9073486328125e-06 Z" stroke="none" fill="#fafafa"/>\n' +
+    '    </g>\n' +
+    '  </g>\n' +
+    '</svg>'
+}