change role for icons to class
role was being used incorrectly for icon styling, so that has been corrected to use the class attribute instead
This commit is contained in:
parent
a53723f7c8
commit
a10dbcdeff
11 changed files with 46 additions and 46 deletions
|
@ -1,4 +1,4 @@
|
|||
svg[role="icon"] {
|
||||
svg.icon {
|
||||
transition: all 0.3s linear;
|
||||
fill: var(--secondary);
|
||||
width: 25px;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<div role="book-index-header-right">
|
||||
<a href="/dashboard/pages/all" title="view all pages">
|
||||
<button>
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-folder"/>
|
||||
</svg>
|
||||
{{ $result['stats']['all'] }}
|
||||
|
@ -19,7 +19,7 @@
|
|||
</a>
|
||||
<a href="/dashboard/pages/published" title="view publised pages">
|
||||
<button>
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
|
||||
</svg>
|
||||
{{ $result['stats']['published'] }}
|
||||
|
@ -27,7 +27,7 @@
|
|||
</a>
|
||||
<a href="/dashboard/pages/deleted" title="view deleted pages">
|
||||
<button>
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-trash"/>
|
||||
</svg>
|
||||
{{ $result['stats']['deleted'] }}
|
||||
|
@ -68,7 +68,7 @@
|
|||
@if($result['numOfPages'])
|
||||
<div role="paginate">
|
||||
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['prevPage'] }}">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-arrow-with-circle-left"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
@ -78,7 +78,7 @@
|
|||
{{ $result['numOfPages'] }}
|
||||
</span>
|
||||
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['nextPage'] }}">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-arrow-with-circle-right"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
|
|
@ -7,18 +7,18 @@
|
|||
<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'] }}">
|
||||
<svg id="move-menu-item" role="icon">
|
||||
<svg id="move-menu-item" class="icon">
|
||||
<use id="move-menu-item" xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/>
|
||||
</svg>
|
||||
<label>{{ $item['title'] }}</label>
|
||||
<div id="nav-btns">
|
||||
<button id="edit-item" class="nav-btn" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" title="edit page">
|
||||
<svg id="edit-item" role="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
||||
<svg id="edit-item" class="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
||||
<use id="edit-item" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" xlink:href="/assets/images/global/sprite.svg#entypo-edit"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="remove-item" class="nav-btn" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" title="delete from menu">
|
||||
<svg id="remove-item" role="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
||||
<svg id="remove-item" class="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
||||
<use id="remove-item" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
<div>
|
||||
<button id="create-backup">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/>
|
||||
</svg>
|
||||
<span>CREATE BACKUP</span>
|
||||
|
@ -38,14 +38,14 @@
|
|||
<div class="features">
|
||||
@if(isset($apiStatus) && $apiStatus == 'true')
|
||||
<button id="api-access-toggle" title="allow external api" data-enabled="true">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
|
||||
</svg>
|
||||
<span id="api-status">API ACCESS ENABLED</span>
|
||||
</button>
|
||||
@else
|
||||
<button id="api-access-toggle" title="allow external api" data-enabled="false">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
|
||||
</svg>
|
||||
<span id="api-status">API ACCESS NOT ENABLED</span>
|
||||
|
@ -54,7 +54,7 @@
|
|||
@endif
|
||||
@if(isset($dynamicRenderStatus) && $dynamicRenderStatus == 'true')
|
||||
<button id="dynamic-render-toggle" title="allow external api" data-enabled="true">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
|
||||
</svg>
|
||||
<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
|
||||
|
@ -62,7 +62,7 @@
|
|||
|
||||
@else
|
||||
<button id="dynamic-render-toggle" title="allow external api" data-enabled="false">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
|
||||
</svg>
|
||||
<span id="dynamic-render-status">STATIC PAGE RENDERING</span>
|
||||
|
@ -75,14 +75,14 @@
|
|||
@foreach($themes as $theme)
|
||||
@if($theme['name'] == $currentTheme)
|
||||
<button id="{{ $theme['name'] }}" class="theme-select" data-enabled="true">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
|
||||
</svg>
|
||||
<span>{{ $theme['display-name'] }}</span>
|
||||
</button>
|
||||
@else
|
||||
<button href="#" id="{{ $theme['name'] }}" class="theme-select" data-enabled="false">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
|
||||
</svg>
|
||||
<span>{{ $theme['display-name'] }}</span>
|
||||
|
@ -109,7 +109,7 @@
|
|||
@endif
|
||||
@include('forms.mailforms')
|
||||
<button id="send-mail">
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-mail-with-circle"/>
|
||||
</svg>
|
||||
<span>TEST MAIL</span>
|
||||
|
|
|
@ -1,58 +1,58 @@
|
|||
<div class="text-editor-control">
|
||||
<button id="edit-bold" class="content-editor-btn-text editor-button" title="bold">
|
||||
<svg id="edit-bold" role="icon">
|
||||
<svg id="edit-bold" class="icon">
|
||||
<use id="edit-bold" xlink:href="/assets/images/global/sprite.svg#tabler-bold"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-italic" class="content-editor-btn-text editor-button" title="italic">
|
||||
<svg id="edit-italic" role="icon">
|
||||
<svg id="edit-italic" class="icon">
|
||||
<use id="edit-italic" xlink:href="/assets/images/global/sprite.svg#tabler-italic"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-strikethrough" class="content-editor-btn-text editor-button" title="strikethrough">
|
||||
<svg id="edit-strikethrough" role="icon">
|
||||
<svg id="edit-strikethrough" class="icon">
|
||||
<use id="edit-strikethrough" xlink:href="/assets/images/global/sprite.svg#tabler-strikethrough"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-link" class="content-editor-btn-icon editor-button" title="insert link">
|
||||
<svg id="edit-link" role="icon">
|
||||
<svg id="edit-link" class="icon">
|
||||
<use id="edit-link" xlink:href="/assets/images/global/sprite.svg#entypo-link"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header1" class="content-editor-btn-text editor-button" title="header 1">
|
||||
<svg id="edit-header1" role="icon">
|
||||
<svg id="edit-header1" class="icon">
|
||||
<use id="edit-header1" xlink:href="/assets/images/global/sprite.svg#tabler-heading-1"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header2" class="content-editor-btn-text editor-button" title="header 2">
|
||||
<svg id="edit-header2" role="icon">
|
||||
<svg id="edit-header2" class="icon">
|
||||
<use id="edit-header2" xlink:href="/assets/images/global/sprite.svg#tabler-heading-2"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header3" class="content-editor-btn-text editor-button" title="header 3">
|
||||
<svg id="edit-header3" role="icon">
|
||||
<svg id="edit-header3" class="icon">
|
||||
<use id="edit-header3" xlink:href="/assets/images/global/sprite.svg#tabler-heading-3"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-image" class="content-editor-btn-icon editor-button" title="insert image">
|
||||
<svg id="edit-image" role="icon">
|
||||
<svg id="edit-image" class="icon">
|
||||
<use id="edit-image" xlink:href="/assets/images/global/sprite.svg#entypo-image"/>
|
||||
</svg>
|
||||
</button>
|
||||
@if($mode == "edit")
|
||||
<button id="edit-update" class="post-sumbit-btn submit-start editor-button" data-action='blog-update' data-id="{{ $page['uuid'] }} type='submit' title=" bold">
|
||||
<svg id="edit-update" role="icon">
|
||||
<svg id="edit-update" class="icon">
|
||||
<use id="edit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-delete" class="content-editor-btn-icon editor-button submit-delete" for="post-delete" title='delete post'>
|
||||
<svg id="edit-delete" role="icon">
|
||||
<svg id="edit-delete" class="icon">
|
||||
<use id="edit-delete" xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
|
||||
</svg>
|
||||
</button>
|
||||
@else
|
||||
<button id="edit-save" class="post-sumbit-btn submit-start editor-button" data-action='blog-add' type='submit'>
|
||||
<svg id="edit-save" role="icon">
|
||||
<svg id="edit-save" class="icon">
|
||||
<use id="edit-save" xlink:href="/assets/images/global/sprite.svg#entypo-plus"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -6,21 +6,21 @@
|
|||
@endif
|
||||
<a id="settings" href="/dashboard/settings" title="settings">
|
||||
<button>
|
||||
<svg id="nav-settings-icon" role="icon">
|
||||
<svg id="nav-settings-icon" class="icon">
|
||||
<use id="nav-settings-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cog"/>
|
||||
</svg>
|
||||
</button>
|
||||
</a>
|
||||
<a id="navigation" href="/dashboard/navigation" title="edit navigation">
|
||||
<button>
|
||||
<svg id="nav-menu-icon" role="icon">
|
||||
<svg id="nav-menu-icon" class="icon">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-menu"/>
|
||||
</svg>
|
||||
</button>
|
||||
</a>
|
||||
<a id="navigation" href="/dashboard/logout" title="log out">
|
||||
<button>
|
||||
<svg id="nav-logout-icon" role="icon">
|
||||
<svg id="nav-logout-icon" class="icon">
|
||||
<use id="nav-logout-icon" xlink:href="/assets/images/global/sprite.svg#entypo-log-out"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -1,12 +1,12 @@
|
|||
<div class="notify-message">
|
||||
<div class="notify-icons">
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-good">
|
||||
<svg id="nav-menu-icon" class="icon" class="notify-good">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-happy"/>
|
||||
</svg>
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-notgood">
|
||||
<svg id="nav-menu-icon" class="icon" class="notify-notgood">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/>
|
||||
</svg>
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-working">
|
||||
<svg id="nav-menu-icon" class="icon" class="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>
|
||||
|
|
|
@ -33,19 +33,19 @@ if(isset($page['uuid']))
|
|||
|
||||
<br>
|
||||
<button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ $menu }}" title='Pin to Menu'>
|
||||
<svg id="option-menu-pin" role="icon">
|
||||
<svg id="option-menu-pin" class="icon">
|
||||
<use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/>
|
||||
</svg>
|
||||
</button><button id="option-feature" class="option-inactive post-option-btn" data-active="{{ $featured }}" title='Feature'>
|
||||
<svg id="option-feature-icon" role="icon">
|
||||
<svg id="option-feature-icon" class="icon">
|
||||
<use id="option-feature-icon" xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
|
||||
</svg>
|
||||
</button><button id="option-published" class="option-inactive post-option-btn" data-active="{{ $published }}" title='Published'>
|
||||
<svg id="option-published-icon" role="icon">
|
||||
<svg id="option-published-icon" class="icon">
|
||||
<use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
|
||||
</svg>
|
||||
</button><a href="/dashboard/page/preview/{{ $uuid }}" target="_blank"><button id="option-preview" class="option-inactive post-option-btn" data-active="false" title='preview page'>
|
||||
<svg id="option-preview-icon" role="icon">
|
||||
<svg id="option-preview-icon" class="icon">
|
||||
<use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -33,18 +33,18 @@ if($page['featured'] == 'true')
|
|||
</strong>
|
||||
<hr/>
|
||||
<button data-active="{{ $menu }}">
|
||||
<svg id="option-menu-pin" role="icon">
|
||||
<svg id="option-menu-pin" class="icon">
|
||||
<use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button data-active="{{ $published }}">
|
||||
<svg id="option-published-icon" role="icon">
|
||||
<svg id="option-published-icon" class="icon">
|
||||
<use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-active="{{ $featured }}">
|
||||
<svg id="option-feature-icon" role="icon">
|
||||
<svg id="option-feature-icon" class="icon">
|
||||
<use id="option-feature-icon" xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -1,16 +1,16 @@
|
|||
<div class="submenu">
|
||||
<button id="save-toggle" title="save settings">
|
||||
<svg id="save-toggle" role="icon">
|
||||
<svg id="save-toggle" class="icon">
|
||||
<use id="save-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-save"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="publish-pages" title="publish site">
|
||||
<svg id="publish-pages" role="icon">
|
||||
<svg id="publish-pages" class="icon">
|
||||
<use id="publish-pages" xlink:href="/assets/images/global/sprite.svg#entypo-publish"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="render-toggle" title="render on save toggle" data-render="{{ $renderOnSave }}">
|
||||
<svg id="render-toggle" role="icon">
|
||||
<svg id="render-toggle" class="icon">
|
||||
<use id="render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-ccw"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
<div class="submenu">
|
||||
<a href='/dashboard/pages' title="view pages">
|
||||
<button>
|
||||
<svg id="option-menu-pin" role="icon">
|
||||
<svg id="option-menu-pin" class="icon">
|
||||
<use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#minicute-book"/>
|
||||
</svg>
|
||||
</button>
|
||||
</a>
|
||||
<a href='/dashboard/page/add/new' title="add new page">
|
||||
<button>
|
||||
<svg id="option-menu-pin" role="icon">
|
||||
<svg id="option-menu-pin" class="icon">
|
||||
<use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-squared-plus"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
|
Loading…
Reference in a new issue