Merge remote-tracking branch 'origin/Development' into Development

This commit is contained in:
George Kalampokis 2020-06-03 12:16:21 +03:00
commit 30542b4156
10 changed files with 238 additions and 235 deletions

View File

@ -34,8 +34,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('aboutDropdown')" <a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -46,8 +45,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

View File

@ -33,8 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('aboutDropdown')" <a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -45,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -112,7 +110,7 @@
<p class="pt-2 pb-5"> <p class="pt-2 pb-5">
ARGOS is offered as a standalone service, where ARGOS is offered as a standalone service, where
users can download the source code and co-brand it. Read more on how to implement that in the users can download the source code and co-brand it. Read more on how to implement that in the
<a href="#"><u>Resources section</u></a>. <a href="../resources/co-branding.html"><u>Resources section</u></a>.
</p> </p>
</div> </div>
</section> </section>

View File

@ -27,7 +27,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -38,7 +38,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

View File

@ -114,6 +114,8 @@
.nav-item { .nav-item {
margin-bottom: -1px; margin-bottom: -1px;
position: relative;
display: inline-block;
} }
.nav-link { .nav-link {
@ -243,6 +245,14 @@
background-color: rgba(255, 255, 255, 0.609) !important; background-color: rgba(255, 255, 255, 0.609) !important;
} }
.dropdown-options a:hover {
background-color: #ddd;
}
.nav-item:hover .dropdown-content {
display: block;
}
.show { .show {
display: block; display: block;
} }

View File

@ -208,7 +208,7 @@ hr {
} }
.normal-btn { .normal-btn {
/* min-width: 162px; */ min-width: 162px;
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;

View File

@ -27,7 +27,7 @@
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -38,7 +38,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -307,7 +307,7 @@
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="row"> <div class="row">
<div class="col-auto branding-logo"> <div class="col-auto branding-logo pl-0">
<img src="assets/img/argos-logo - Copy.svg" width="91" height="35"> <img src="assets/img/argos-logo - Copy.svg" width="91" height="35">
</div> </div>
<span class="title-3">co-branding</span> <span class="title-3">co-branding</span>

View File

@ -14,7 +14,6 @@ function toggleClass(ids, option) {
function navbarCollapse() { function navbarCollapse() {
var element = document.getElementById('nav'); var element = document.getElementById('nav');
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
console.log('here')
element.classList.add("navbar-shrink"); element.classList.add("navbar-shrink");
element.classList.add("fixed-top"); element.classList.add("fixed-top");
} else { } else {

View File

@ -33,7 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -44,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

View File

@ -33,7 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -44,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

View File

@ -26,7 +26,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -37,7 +37,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">