forked from projects/fipamo
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:
parent
f3b565bb1e
commit
f2a97af3f5
3 changed files with 12 additions and 13 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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'] }}">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue