Make icon in top app bar display properly

This commit is contained in:
Matthew Grove
2018-11-20 19:32:49 +00:00
parent 2709500e8d
commit 57bb3783e2
4 changed files with 44 additions and 3 deletions

View File

@@ -69,7 +69,7 @@ footer {
text-align: center; text-align: center;
bottom: -100px; bottom: -100px;
left: 0; left: 0;
z-index: 9999; z-index: 1;
} }
#cookies p { #cookies p {

View File

@@ -11,5 +11,31 @@
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span> <span class="mdc-list-item__text">Home Page</span>
</a> </a>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">List 1</h3>
<ul class="mdc-list" aria-orientation="vertical">
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
</ul>
<h3 class="mdc-list-group__subheader">List 2</h3>
<ul class="mdc-list" aria-orientation="vertical">
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
<li class="mdc-list-item">
<span class="mdc-list-item__text">line item</span>
</li>
</ul>
</div>
</nav> </nav>
</div> </div>

15
page-inserts/navbar.html~ Normal file
View File

@@ -0,0 +1,15 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
</div>
<a class="mdc-list-item" href="https://reading-school.co.uk">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Reading School Website</span>
</a>
<a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</a>
</nav>
</div>

View File

@@ -4,6 +4,6 @@
<span class="mdc-top-app-bar__title">BBC School Report | Reading School</span> <span class="mdc-top-app-bar__title">BBC School Report | Reading School</span>
</section> </section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar"> <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<img src="/images/logo-white.png" class="mdc-top-app-bar__action-item" aria-label="Reading School" alt="Reading School Logo" style="height:65px;width:54px;"/> <img src="/images/logo-white.png" class="mdc-top-app-bar__action-item" aria-label="Reading School" alt="Reading School Logo" style="height:45px;width:35px;padding:0;"/>
</section> </section>
</div> </div>