removed improper role attribute from book template
incorrect usage of the role attribute has been removed from the book template and corresponding styles
This commit is contained in:
parent
a10dbcdeff
commit
f3b565bb1e
2 changed files with 22 additions and 22 deletions
|
@ -1,4 +1,4 @@
|
||||||
section[role="book-index-header"] {
|
section.book-index-header {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
margin: 100px auto 20px;
|
margin: 100px auto 20px;
|
||||||
|
@ -6,25 +6,25 @@ section[role="book-index-header"] {
|
||||||
max-width: 900px;
|
max-width: 900px;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-header"] > div[role="book-index-header-left"] {
|
section.book-index-header > div.book-index-header-left {
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-header"] > div[role="book-index-header-right"] {
|
section.book-index-header > div.book-index-header-right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] {
|
section.book-index-pages {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 900px;
|
max-width: 900px;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > a.page-link {
|
section.book-index-pages > a.page-link {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -35,7 +35,7 @@ section[role="book-index-pages"] > a.page-link {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > a.page-link div.page-video {
|
section.book-index-pages > a.page-link div.page-video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 350px;
|
height: 350px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -46,14 +46,14 @@ section[role="book-index-pages"] > a.page-link div.page-video {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > a.page-link video {
|
section.book-index-pages > a.page-link video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > a.page-link > div.page-bg {
|
section.book-index-pages > a.page-link > div.page-bg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 350px;
|
height: 350px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -64,7 +64,7 @@ section[role="book-index-pages"] > a.page-link > div.page-bg {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] aside {
|
section.book-index-pages aside {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
text-shadow: 2px 2px 2px var(--black);
|
text-shadow: 2px 2px 2px var(--black);
|
||||||
|
@ -72,38 +72,38 @@ section[role="book-index-pages"] aside {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] hr {
|
section.book-index-pages hr {
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
border: 0.1px solid;
|
border: 0.1px solid;
|
||||||
margin: 7px 0;
|
margin: 7px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] button[data-active="true"] {
|
section.book-index-pages button[data-active="true"] {
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
color: var(--primary-highlight);
|
color: var(--primary-highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] button[data-active="false"] {
|
section.book-index-pages button[data-active="false"] {
|
||||||
background: var(--secondary);
|
background: var(--secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > div[role="paginate"] {
|
section.book-index-pages > div.paginate {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
color: var(--secondary-highlight);
|
color: var(--secondary-highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > div[role="paginate"] i {
|
section.book-index-pages > div.paginate i {
|
||||||
color: var(--secondary);
|
color: var(--secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > div[role="paginate"] a,
|
section.book-index-pages > div.paginate a,
|
||||||
section[role="book-index-pages"] > div[role="paginate"] span {
|
section.book-index-pages > div.paginate span {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
section[role="book-index-pages"] > div[role="paginate"] span {
|
section.book-index-pages > div.paginate span {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -15px;
|
top: -15px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,12 +3,12 @@
|
||||||
@section('title', 'Pages')
|
@section('title', 'Pages')
|
||||||
|
|
||||||
@section('main-content')
|
@section('main-content')
|
||||||
<section role="book-index-header">
|
<section class="book-index-header">
|
||||||
<div role="book-index-header-left">
|
<div class="book-index-header-left">
|
||||||
{{ $result['paginate']['sort'] }}
|
{{ $result['paginate']['sort'] }}
|
||||||
Pages
|
Pages
|
||||||
</div>
|
</div>
|
||||||
<div role="book-index-header-right">
|
<div class="book-index-header-right">
|
||||||
<a href="/dashboard/pages/all" title="view all pages">
|
<a href="/dashboard/pages/all" title="view all pages">
|
||||||
<button>
|
<button>
|
||||||
<svg id="nav-menu-icon" class="icon">
|
<svg id="nav-menu-icon" class="icon">
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
</section>
|
</section>
|
||||||
<section role="book-index-pages">
|
<section class="book-index-pages">
|
||||||
@foreach($result['pages'] as $page)
|
@foreach($result['pages'] as $page)
|
||||||
@php
|
@php
|
||||||
$type = '';
|
$type = '';
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
@if($result['numOfPages'])
|
@if($result['numOfPages'])
|
||||||
<div role="paginate">
|
<div class="paginate">
|
||||||
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['prevPage'] }}">
|
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['prevPage'] }}">
|
||||||
<svg id="nav-menu-icon" class="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"/>
|
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-arrow-with-circle-left"/>
|
||||||
|
|
Loading…
Reference in a new issue