From f2a97af3f5653cfa3b63a292205bc3c80b707ad6 Mon Sep 17 00:00:00 2001
From: ro <iam@roiskinda.cool>
Date: Mon, 25 Mar 2024 13:36:58 -0600
Subject: [PATCH] role removed from navigation edit ui

improperly used role attributes have been removed from navigation edit
template

there was also a duplicate class attribute error in notifications that
has been fixed
---
 public/assets/css/dash/navigation.css            | 14 +++++++-------
 resources/views/back/navigation.blade.php        |  2 +-
 resources/views/includes/notifications.blade.php |  9 ++++-----
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/public/assets/css/dash/navigation.css b/public/assets/css/dash/navigation.css
index d256d68..de426fc 100644
--- a/public/assets/css/dash/navigation.css
+++ b/public/assets/css/dash/navigation.css
@@ -1,10 +1,10 @@
-article[role="navigation"] {
+article.navigation {
   width: 100%;
   max-width: 900px;
   margin: 100px auto;
 }
 
-article[role="navigation"] > section > div.nav-item {
+article.navigation > section > div.nav-item {
   display: block;
   width: 98%;
   background: var(--secondary);
@@ -15,7 +15,7 @@ article[role="navigation"] > section > div.nav-item {
   cursor: move;
 }
 
-article[role="navigation"] > section > div.nav-item > label {
+article.navigation > section > div.nav-item > label {
   display: inline-block;
   padding: 5px;
   margin: 12px 0 0 10px;
@@ -23,24 +23,24 @@ article[role="navigation"] > section > div.nav-item > label {
   cursor: move;
 }
 
-article[role="navigation"] > section > div.nav-item > div#nav-btns {
+article.navigation > section > div.nav-item > div#nav-btns {
   float: right;
   padding: 5px;
   position: relative;
 }
 
-article[role="navigation"] > section > div.nav-item > div#nav-btns button {
+article.navigation > section > div.nav-item > div#nav-btns button {
   margin-left: 5px;
 }
 
 @media only screen and (max-width: 500px) {
-  article[role="navigation"] > section > div.nav-item > label {
+  article.navigation > section > div.nav-item > label {
     width: 55%;
     margin: 0;
     font-size: 0.8em;
   }
 
-  article[role="navigation"] > section i {
+  article.navigation > section i {
     font-size: 1.5em;
   }
 }
diff --git a/resources/views/back/navigation.blade.php b/resources/views/back/navigation.blade.php
index 0ed4a87..c48e498 100644
--- a/resources/views/back/navigation.blade.php
+++ b/resources/views/back/navigation.blade.php
@@ -3,7 +3,7 @@
 @section('title', 'The Dash | Edit Navigation')
 
 @section('main-content')
-  <article role="navigation">
+  <article class="navigation">
       <section id="nav-items">
           @foreach($menu as $item)
               <div id="{{ $item['id'] }}" class="nav-item" data-slug="{{ $item['slug'] }}" data-uuid="{{ $item['uuid'] }}" data-path="{{ $item['id'] }}">
diff --git a/resources/views/includes/notifications.blade.php b/resources/views/includes/notifications.blade.php
index 51c25be..5e89f30 100644
--- a/resources/views/includes/notifications.blade.php
+++ b/resources/views/includes/notifications.blade.php
@@ -1,17 +1,16 @@
 <div class="notify-message">
     <div class="notify-icons">
-        <svg id="nav-menu-icon" class="icon" class="notify-good">
+        <svg id="nav-menu-icon" class="icon notify-good">
               <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-happy"/>
           </svg>
-        <svg id="nav-menu-icon" class="icon" class="notify-notgood">
+        <svg id="nav-menu-icon" class="icon notify-notgood">
               <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/>
           </svg>
-        <svg id="nav-menu-icon" class="icon" class="notify-working">
+        <svg id="nav-menu-icon" class="icon notify-working">
               <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-hour-glass"/>
           </svg>
-        <i class="ti ti-settings notify-working"></i>
     </div>
     <div class="notify-text">
-        <span class="response-text">Hey Hey</span>
+        <span class="response-text">Hey Heyy</span>
     </div>
 </div>