From 7650857186bf8ae868bcbe9f13f4b27c7674d8f6 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 4 Sep 2023 15:15:26 +0300
Subject: [PATCH] Convert div - uk-toggle to a - uk-toggle for new Uikit.

---
 landingPages/result/resultLanding.component.html            | 6 +++---
 .../notifications-sidebar.component.ts                      | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index f49f1da0..e8a1c1a6 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -359,11 +359,11 @@
 
       <!-- right box/ sidebar-->
       <ng-container *ngIf="!showFeedback && resultLandingInfo && hasRightSidebarInfo">
-        <div id="landing-right-sidebar-switcher" uk-toggle href="#right-column-offcanvas"
-            class="uk-offcanvas-switcher uk-flex uk-flex-center uk-flex-middle uk-hidden@m"
+        <a id="landing-right-sidebar-switcher" uk-toggle href="#right-column-offcanvas"
+            class="uk-offcanvas-switcher uk-flex uk-link-reset uk-flex-center uk-flex-middle uk-hidden@m"
             (click)="rightSidebarOffcanvasClicked = true;">
           <icon name="more" [ratio]="1.5" customClass="uk-text-primary" [flex]="true" visuallyHidden="sidebar"></icon>
-        </div>
+        </a>
         <div id="right-column-offcanvas" class="uk-offcanvas" uk-offcanvas="flip: true; overlay: true;">
           <div class="uk-offcanvas-bar">
             <button class="uk-offcanvas-close uk-close uk-icon" type="button"
diff --git a/notifications/notifications-sidebar/notifications-sidebar.component.ts b/notifications/notifications-sidebar/notifications-sidebar.component.ts
index 157a9db9..83cc74cb 100644
--- a/notifications/notifications-sidebar/notifications-sidebar.component.ts
+++ b/notifications/notifications-sidebar/notifications-sidebar.component.ts
@@ -27,12 +27,12 @@ export class NotificationConfiguration {
 @Component({
   selector: 'notification-sidebar',
   template: `
-    <div *ngIf="!mobile" id="notifications-switcher" uk-toggle="" href="#notifications" class="uk-offcanvas-switcher uk-flex uk-flex-middle uk-flex-center">
+    <a *ngIf="!mobile" id="notifications-switcher" uk-toggle href="#notifications" class="uk-link-reset uk-offcanvas-switcher uk-flex uk-flex-middle uk-flex-center">
       <icon name="mail" ratio="1.5" customClass="uk-text-background" flex="true" visuallyHidden="Notifications"></icon>
       <span [class.uk-hidden]="unreadCount === 0" class="uk-offcanvas-count uk-flex uk-flex-middle uk-flex-center">
         {{unreadCount}}
       </span>
-    </div>
+    </a>
     <ng-template #main>
       <ng-container *ngIf="!notification">
         <div class="notification-list uk-position-relative">