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
This commit is contained in:
ro 2024-03-25 13:36:58 -06:00
parent f3b565bb1e
commit f2a97af3f5
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
3 changed files with 12 additions and 13 deletions

View file

@ -1,10 +1,10 @@
article[role="navigation"] { article.navigation {
width: 100%; width: 100%;
max-width: 900px; max-width: 900px;
margin: 100px auto; margin: 100px auto;
} }
article[role="navigation"] > section > div.nav-item { article.navigation > section > div.nav-item {
display: block; display: block;
width: 98%; width: 98%;
background: var(--secondary); background: var(--secondary);
@ -15,7 +15,7 @@ article[role="navigation"] > section > div.nav-item {
cursor: move; cursor: move;
} }
article[role="navigation"] > section > div.nav-item > label { article.navigation > section > div.nav-item > label {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
margin: 12px 0 0 10px; margin: 12px 0 0 10px;
@ -23,24 +23,24 @@ article[role="navigation"] > section > div.nav-item > label {
cursor: move; cursor: move;
} }
article[role="navigation"] > section > div.nav-item > div#nav-btns { article.navigation > section > div.nav-item > div#nav-btns {
float: right; float: right;
padding: 5px; padding: 5px;
position: relative; 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; margin-left: 5px;
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
article[role="navigation"] > section > div.nav-item > label { article.navigation > section > div.nav-item > label {
width: 55%; width: 55%;
margin: 0; margin: 0;
font-size: 0.8em; font-size: 0.8em;
} }
article[role="navigation"] > section i { article.navigation > section i {
font-size: 1.5em; font-size: 1.5em;
} }
} }

View file

@ -3,7 +3,7 @@
@section('title', 'The Dash | Edit Navigation') @section('title', 'The Dash | Edit Navigation')
@section('main-content') @section('main-content')
<article role="navigation"> <article class="navigation">
<section id="nav-items"> <section id="nav-items">
@foreach($menu as $item) @foreach($menu as $item)
<div id="{{ $item['id'] }}" class="nav-item" data-slug="{{ $item['slug'] }}" data-uuid="{{ $item['uuid'] }}" data-path="{{ $item['id'] }}"> <div id="{{ $item['id'] }}" class="nav-item" data-slug="{{ $item['slug'] }}" data-uuid="{{ $item['uuid'] }}" data-path="{{ $item['id'] }}">

View file

@ -1,17 +1,16 @@
<div class="notify-message"> <div class="notify-message">
<div class="notify-icons"> <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"/> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-happy"/>
</svg> </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"/> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/>
</svg> </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"/> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-hour-glass"/>
</svg> </svg>
<i class="ti ti-settings notify-working"></i>
</div> </div>
<div class="notify-text"> <div class="notify-text">
<span class="response-text">Hey Hey</span> <span class="response-text">Hey Heyy</span>
</div> </div>
</div> </div>