Adding fixed nav

This commit is contained in:
2026-02-12 12:37:13 +01:00
parent d321677068
commit 7f2f31b557
5 changed files with 124 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -11165,3 +11165,92 @@ footer#footer {
}
}
}
#fixed-nav {
position: fixed;
bottom: 50px;
right: 0;
z-index: 10;
display: flex;
flex-direction: column;
row-gap: 9px;
padding: 0;
margin: 0;
list-style: none;
.fixed-item {
transform: translateX(110px);
transition: all 250ms ease-in-out;
&:hover {
transform: translateX(0);
}
&-1 {
.fixed-item--wrapper {
.item-icon {
border-color: #ffbd04;
}
.item-text {
background: #ffbd04;
}
}
}
&-2 {
.fixed-item--wrapper {
.item-icon {
border-color: #1b517f;
}
.item-text {
background: #1b517f;
}
}
}
.fixed-item--wrapper {
a {
display: flex;
flex-direction: row;
align-items: center;
}
.item-icon {
width: 62px;
min-width: 62px;
max-width: 62px;
height: 62px;
min-height: 62px;
max-height: 62px;
border-width: 3px;
border-style: solid;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
margin-right: -20px;
z-index: 1;
}
.item-text {
height: 45px;
display: flex;
align-items: center;
padding-left: 30px;
padding-right: 20px;
margin-bottom: 1px;
width: 135px;
span {
color: #ffffff;
font-family: $font3;
font-weight: 700;
font-size: 20px;
line-height: 1;
margin-bottom: -2px;
}
}
}
}
}

View File

@@ -1,5 +1,32 @@
<div class="button-contact">
<a href="/kontakt#contact-form-new">
<img alt="" src="/upload/filemanager/icon/koperta.png" />
</a>
</div>
<?php
global $page;
?>
<ol id="fixed-nav">
<? if ( $page['id'] != 100 ):?>
<li class="fixed-item fixed-item-1">
<div class="fixed-item--wrapper">
<a href="/kontakt">
<div class="item-icon">
<img src="/upload/filemanager/icon/envelope-1.svg" alt="">
</div>
<div class="item-text">
<span>KONTAKT</span>
</div>
</a>
</div>
</li>
<?php endif; ?>
<li class="fixed-item fixed-item-2">
<div class="fixed-item--wrapper">
<a href="/salony-sprzedazy">
<div class="item-icon">
<img src="/upload/filemanager/icon/Phone-Mobile-Phone.svg" alt="">
</div>
<div class="item-text">
<span>SALONY</span>
</div>
</a>
</div>
</li>
</ol>

View File

@@ -500,7 +500,7 @@
</p>
</div>
<div class="box-form">
<form action="/salony-sprzedazy-dev" id="search-showrooms-form">
<form action="/salony-sprzedazy" id="search-showrooms-form">
<div class="form-search">
<div class="row-input">
<label for="place">