projects/fipamo
1
0
Fork 0
Code Issues 24 Pull requests Projects 1 Releases 22 Packages Wiki Activity

removed improper role attribute from book template

Browse source 
incorrect usage of the role attribute has been removed from the book
template and corresponding styles
This commit is contained in:
ro 2024-03-25 13:20:14 -06:00
parent a10dbcdeff
commit f3b565bb1e
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
2 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
public/assets/css/dash/book.css
View file

@ -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;
} }

10
resources/views/back/book.blade.php
View file

@ -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"/>