chrosey/urlaub-friedrichroda
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[FIX] some bugs

Browse Source
This commit is contained in:
Christian Seyfferth 2020-05-08 23:45:08 +02:00
parent d17135be58
commit e60acaf273
3 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/index.html
View File

@ -38,20 +38,19 @@
<a href="#" data-target="sidenav" class="sidenav-trigger hide-on-large-and-up"><i <a href="#" data-target="sidenav" class="sidenav-trigger hide-on-large-and-up"><i
class="material-icons">menu</i></a> class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li><a href="#willkommen" class="sidenav-close" <li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li> <li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#wohnung" class="sidenav-close" <li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
und Anreise</a></li> und Anreise</a></li>
</ul> </ul>
</div> </div>
</nav> </nav>
</div> </div>
<ul id="sidenav" class="sidenav" style="width:200px;"> <ul id="sidenav" class="sidenav" style="width:200px;">
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li> <li><a href="#willkommen" class="sidenav-close" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li> <li><a href="#wohnung" class="sidenav-close" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und Anreise</a></li> <li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und
Anreise</a></li>
</ul> </ul>
<div id="willkommen-banner" class="parallax-container valign-wrapper"> <div id="willkommen-banner" class="parallax-container valign-wrapper">
<div class="parallax"> <div class="parallax">

5
src/scss/style.scss
View File

@ -65,6 +65,11 @@ a:not([href^='#']) {
border-radius: 0; border-radius: 0;
} }
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995;
}
@media only screen and (max-width:600px) { @media only screen and (max-width:600px) {
#willkommen-banner { #willkommen-banner {

5
src/style.css
View File

@ -43,6 +43,11 @@ a:not([href^='#']) {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
border-radius: 0; } border-radius: 0; }
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995; }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#willkommen-banner { #willkommen-banner {
height: calc(100vh - 56px); height: calc(100vh - 56px);