xarvh/fipamo
1
0
Fork 0
forked from projects/fipamo
Code Pull requests Activity

Removed invalid role attributes from dash index

Browse source 
Converted role tags to class to remove the invalid role attributes
used.
This commit is contained in:
Ro 2023-07-31 14:21:54 -07:00
parent df8e301a0b
commit bea40049fc
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
2 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
brain/views/dash/partials/index.twig
View file

@ -1,10 +1,10 @@
<section role="index-header"> <section class="index-header">
<div role="index-header-left"> <div class="index-header-left">
<h1>Recent</h1> <h1>Recent</h1>
</div> </div>
<div role="index-header-right"></div> <div class="index-header-right"></div>
</section> </section>
<section role="index-recent-pages"> <section class="index-recent-pages">
{% if data["entryCount"] != 0 %} {% if data["entryCount"] != 0 %}
{% for page in data['pages'] %} {% for page in data['pages'] %}
{% if page.media[0].type == 'mp4' %} {% if page.media[0].type == 'mp4' %}

54
public/assets/css/dash/index.css
View file

@ -1,4 +1,4 @@
section[role="index-header"] { section[class="index-header"] {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
width: 100%; width: 100%;
@ -6,7 +6,7 @@ section[role="index-header"] {
margin: 60px auto 0; margin: 60px auto 0;
} }
section[role="index-recent-pages"] a { section[class="index-recent-pages"] a {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@ -17,7 +17,7 @@ section[role="index-recent-pages"] a {
position: relative; position: relative;
} }
section[role="index-recent-pages"] a video { section[class="index-recent-pages"] a video {
width: 100%; width: 100%;
position: absolute; position: absolute;
object-fit: cover; object-fit: cover;
@ -25,32 +25,32 @@ section[role="index-recent-pages"] a video {
border-radius: 5px; border-radius: 5px;
} }
section[role="index-recent-pages"] a:nth-child(1) { section[class="index-recent-pages"] a:nth-child(1) {
grid-column: 1/4; grid-column: 1/4;
grid-row: 1/3; grid-row: 1/3;
} }
section[role="index-recent-pages"] a:nth-child(2) { section[class="index-recent-pages"] a:nth-child(2) {
grid-row: 3/6; grid-row: 3/6;
} }
section[role="index-recent-pages"] a:nth-child(3) { section[class="index-recent-pages"] a:nth-child(3) {
grid-column: 2/4; grid-column: 2/4;
grid-row: 3/5; grid-row: 3/5;
} }
section[role="index-header"] div[role="index-header-right"] { section[class="index-header"] div[class="index-header-right"] {
display: flex; display: flex;
justify-content: right; justify-content: right;
align-items: center; align-items: center;
} }
section[role="index-header"] div[role="index-header-right"] a { section[class="index-header"] div[class="index-header-right"] a {
border-bottom: none; border-bottom: none;
margin-left: 5px; margin-left: 5px;
} }
section[role="index-recent-pages"] { section[class="index-recent-pages"] {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: minmax(200px, auto); grid-auto-rows: minmax(200px, auto);
@ -60,31 +60,31 @@ section[role="index-recent-pages"] {
margin: 10px auto; margin: 10px auto;
} }
section[role="index-recent-pages"] a button { section[class="index-recent-pages"] a button {
padding: 1px 5px; padding: 1px 5px;
} }
section[role="index-recent-pages"] button i { section[class="index-recent-pages"] button i {
font-size: 1.8em; font-size: 1.8em;
} }
section[role="index-recent-pages"] button[data-active="true"] { section[class="index-recent-pages"] button[data-active="true"] {
background: var(--primary); background: var(--primary);
} }
section[role="index-recent-pages"] button[data-active="true"] i { section[class="index-recent-pages"] button[data-active="true"] i {
color: var(--tertiary); color: var(--tertiary);
} }
section[role="index-recent-pages"] button[data-active="false"] { section[class="index-recent-pages"] button[data-active="false"] {
background: var(--secondary); background: var(--secondary);
} }
section[role="index-recent-pages"] button[data-active="false"] i { section[class="index-recent-pages"] button[data-active="false"] i {
fill: var(--primary); fill: var(--primary);
} }
section[role="index-recent-pages"] aside { section[class="index-recent-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);
@ -92,57 +92,57 @@ section[role="index-recent-pages"] aside {
z-index: 10; z-index: 10;
} }
section[role="index-recent-pages"] hr { section[class="index-recent-pages"] hr {
color: var(--white); color: var(--white);
border: 0.1px solid; border: 0.1px solid;
margin: 7px 0; margin: 7px 0;
} }
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
section[role="index-header"], section[class="index-header"],
section[role="index-recent-pages"] { section[class="index-recent-pages"] {
width: 97%; width: 97%;
} }
} }
@media only screen and (max-width: 520px) { @media only screen and (max-width: 520px) {
section[role="index-recent-pages"] { section[class="index-recent-pages"] {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
section[role="index-recent-pages"] a:nth-child(1) { section[class="index-recent-pages"] a:nth-child(1) {
grid-column: 1/3; grid-column: 1/3;
grid-row: 1/2; grid-row: 1/2;
} }
section[role="index-recent-pages"] a:nth-child(2) { section[class="index-recent-pages"] a:nth-child(2) {
grid-row: 2/3; grid-row: 2/3;
grid-column: 1/2; grid-column: 1/2;
} }
section[role="index-recent-pages"] a:nth-child(3) { section[class="index-recent-pages"] a:nth-child(3) {
grid-column: 2/3; grid-column: 2/3;
grid-row: 2/3; grid-row: 2/3;
} }
} }
@media only screen and (max-width: 350px) { @media only screen and (max-width: 350px) {
section[role="index-recent-pages"] a:nth-child(2) { section[class="index-recent-pages"] a:nth-child(2) {
grid-column: 1/3; grid-column: 1/3;
grid-row: 2/3; grid-row: 2/3;
} }
section[role="index-recent-pages"] a:nth-child(3) { section[class="index-recent-pages"] a:nth-child(3) {
grid-column: 1/3; grid-column: 1/3;
grid-row: 3/4; grid-row: 3/4;
} }
section[role="index-recent-pages"] a:nth-child(4) { section[class="index-recent-pages"] a:nth-child(4) {
grid-column: 1/3; grid-column: 1/3;
grid-row: 4/5; grid-row: 4/5;
} }
section[role="index-recent-pages"] a:nth-child(5) { section[class="index-recent-pages"] a:nth-child(5) {
grid-column: 1/3; grid-column: 1/3;
grid-row: 5/6; grid-row: 5/6;
} }