Add icons "mark read" and "mark all as read"

frontend/src/app/features/in-app-notifications/center/toolbar/mark-all-as-read/mark-all-as-read-button.component.html

@@ -3,7 +3,7 @@
   class="button"
   (click)="markAllRead()"
 >
-  <op-icon icon-classes="button--icon icon-yes">
+  <op-icon icon-classes="button--icon icon-mark-all-read">
   </op-icon>
   <span
     class="button--text"

frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.html

@@ -60,7 +60,7 @@
         <div class="op-ian-item--buttons">
           <i
             *ngIf="!notification.readIAN"
-            class="op-ian-item--button icon-yes"
+            class="op-ian-item--button icon-mark-read"
             (click)="markAsRead($event, aggregatedNotifications)"
           >
           </i>

frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.sass

@@ -90,6 +90,7 @@ $subject-font-size: 14px
 
   &--buttons
     grid-area: buttons
+    font-size: 16px
 
   &--button
     &:hover

frontend/src/global_styles/fonts/_openproject_icon_font.lsg

@@ -138,6 +138,8 @@
 <li><span class="icon icon-mail1"></span>mail1</li>
 <li><span class="icon icon-mail2"></span>mail2</li>
 <li><span class="icon icon-maintenance-support"></span>maintenance-support</li>
+<li><span class="icon icon-mark-all-read"></span>mark-all-read</li>
+<li><span class="icon icon-mark-read"></span>mark-read</li>
 <li><span class="icon icon-meetings"></span>meetings</li>
 <li><span class="icon icon-menu"></span>menu</li>
 <li><span class="icon icon-merge-branch"></span>merge-branch</li>

vendor/openproject-icon-font/src/mark-all-read.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512" width="512" height="512"><defs><path d="M305.49 21.75C285.26 35.94 269.49 56.1 260.18 79.68C250.87 103.27 248.43 129.22 253.18 154.26C257.92 179.3 269.64 202.29 286.85 220.35C304.06 238.4 325.98 250.69 349.85 255.67C373.71 260.65 398.45 258.1 420.94 248.33C443.42 238.56 462.63 222.01 476.15 200.79C489.67 179.56 496.89 154.6 496.89 129.08C496.89 94.84 483.92 62.01 460.85 37.81C437.78 13.6 406.48 0 373.85 0C349.52 0 325.73 7.57 305.49 21.75ZM312.33 134.52L326.3 119.86L356.27 151.29L421.4 82.98L435.42 97.6L356.27 180.61L312.33 134.52Z" id="c5l6RvMSXm"></path><path d="M425.12 381.87C425.12 399.73 418.61 416.91 406.92 429.89C395.23 442.87 379.25 450.67 362.25 451.68C362 451.68 360.74 451.71 358.48 451.76C192.38 451.76 100.1 451.76 81.65 451.76C64.62 451.76 48.24 444.93 35.87 432.67C23.5 420.4 16.07 403.64 15.1 385.81C15.1 385.54 15.06 384.22 15 381.85C15 283.14 15 228.31 15 217.34C15 201.49 22.38 186.73 34.64 177.71C34.84 177.58 35.81 176.93 37.56 175.76C142.35 110.38 200.56 74.06 212.21 66.8C214.24 65.53 216.52 64.78 218.87 64.59C221.23 64.4 223.59 64.78 225.78 65.7C225.93 65.77 226.64 66.14 227.92 66.8C229.86 68.01 230.93 68.68 231.15 68.81C227.22 79.03 224.27 89.77 222.4 100.91C222.24 100.81 221.46 100.33 220.06 99.45L54.13 202.93L220.06 293.73C257.83 273.06 278.81 261.57 283 259.27C292.84 266.84 303.56 273.2 314.97 278.17C306.19 282.98 235.96 321.43 227.18 326.24C225.35 327.23 223.36 327.84 221.31 328.01C219.26 328.19 217.2 327.92 215.24 327.25C215.09 327.18 214.32 326.85 212.95 326.24L45.76 234.7C45.76 322.99 45.76 372.04 45.76 381.85C45.76 391.3 49.15 400.4 55.25 407.35C61.35 414.3 69.72 418.59 78.69 419.37C78.89 419.37 79.87 419.42 81.65 419.5C247.75 419.5 340.02 419.5 358.48 419.5C367.49 419.49 376.17 415.94 382.79 409.53C389.42 403.13 393.5 394.34 394.24 384.92C394.25 384.72 394.29 383.69 394.36 381.85C394.36 326.14 394.36 295.19 394.36 289C405 287.51 415.29 284.89 425.12 281.24C425.12 301.37 425.12 371.81 425.12 381.87Z" id="a4PYmIsQeI"></path><path d="M116.85 504.06C106.4 498.84 97.3 491.24 90.3 481.88C117.4 481.88 334.25 481.88 361.36 481.88C389.32 481.88 416.13 470.78 435.9 451.01C455.67 431.24 466.77 404.43 466.77 376.47C466.77 358.4 466.77 213.83 466.77 195.76C485.05 209.49 496.89 231.36 496.89 256C496.89 268.04 496.89 364.42 496.89 376.47C496.89 412.41 482.61 446.89 457.19 472.3C431.78 497.72 397.3 512 361.36 512C347.3 512 277.03 512 150.53 512C135.05 510.2 123.82 507.55 116.85 504.06Z" id="d4x8IoCxAy"></path></defs><g><g><g><use xlink:href="#c5l6RvMSXm" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#c5l6RvMSXm" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a4PYmIsQeI" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#a4PYmIsQeI" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#d4x8IoCxAy" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#d4x8IoCxAy" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>

vendor/openproject-icon-font/src/mark-read.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512" width="512" height="512"><defs><path d="M308.65 21.91C287.15 36.2 270.4 56.51 260.5 80.27C250.61 104.03 248.02 130.18 253.06 155.4C258.11 180.62 270.56 203.79 288.84 221.98C307.12 240.16 330.42 252.55 355.77 257.56C381.13 262.58 407.41 260.01 431.3 250.16C455.19 240.32 475.61 223.66 489.97 202.27C504.33 180.89 512 155.75 512 130.03C512 95.54 498.23 62.47 473.71 38.09C449.2 13.7 415.95 0 381.28 0C355.42 0 330.15 7.63 308.65 21.91ZM315.91 135.51L330.76 120.74L362.6 152.42L431.79 83.59L446.7 98.32L362.6 181.95L315.91 135.51Z" id="b1xxp1MBpI"></path><path d="M435.74 384.7C435.75 402.69 428.83 420 416.4 433.07C403.98 446.15 387 454 368.95 455.02C368.68 455.03 367.34 455.06 364.94 455.11C188.46 455.11 90.42 455.11 70.81 455.11C52.72 455.11 35.32 448.23 22.17 435.87C9.03 423.52 1.13 406.62 0.11 388.66C0.1 388.4 0.07 387.07 0 384.68C0 285.24 0 230 0 218.95C0 202.98 7.84 188.11 20.87 179.03C21.08 178.9 22.11 178.24 23.97 177.06C135.3 111.2 197.16 74.61 209.53 67.29C211.69 66.02 214.11 65.26 216.61 65.06C219.11 64.87 221.62 65.26 223.95 66.18C224.1 66.26 224.86 66.63 226.22 67.29C228.27 68.51 229.42 69.18 229.65 69.32C225.47 79.62 222.33 90.44 220.35 101.65C220.18 101.55 219.36 101.07 217.87 100.19L41.57 204.43L217.87 295.91C257.99 275.08 280.28 263.51 284.74 261.19C295.19 268.81 306.58 275.23 318.71 280.23C309.38 285.07 234.76 323.81 225.43 328.65C223.49 329.66 221.37 330.26 219.2 330.44C217.02 330.61 214.83 330.35 212.75 329.67C212.59 329.61 211.78 329.27 210.31 328.65L32.68 236.44C32.68 325.38 32.68 374.79 32.68 384.68C32.68 394.19 36.28 403.36 42.76 410.36C49.24 417.37 58.13 421.69 67.67 422.47C67.88 422.48 68.93 422.52 70.81 422.6C247.28 422.6 345.33 422.6 364.94 422.6C374.51 422.6 383.73 419.02 390.77 412.57C397.81 406.11 402.15 397.27 402.93 387.77C402.94 387.57 402.99 386.53 403.06 384.68C403.06 328.55 403.06 297.37 403.06 291.14C414.36 289.64 425.3 286.99 435.74 283.32C435.74 303.59 435.74 374.56 435.74 384.7Z" id="amWwNQ5Pw"></path></defs><g><g><g><use xlink:href="#b1xxp1MBpI" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#b1xxp1MBpI" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#amWwNQ5Pw" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#amWwNQ5Pw" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>