mravi/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

merged PR #413

Browse source
This commit is contained in:
ARvind Tiwari 2017-07-29 18:51:13 +05:30
commit 6c63797e7c
2 changed files with 93 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -156,6 +156,14 @@ h6 {
background-color: transparent;
}
.navbar-transparent .navbar-nav>li>.on-hover-border {
transition: all 0.3s linear;
box-shadow: none;
}
.navbar-transparent .navbar-nav>li>.on-hover-border:hover {
box-shadow: 0 0 0 1px #eee;
border-radius: 5px;
}
.navbar-default .btn-link {
box-shadow: none;
}
@ -196,28 +204,46 @@ h6 {
margin-right: 5px;
font-family: 'Lato', sans-serif;
}
.nav-language .drop-language{
position: absolute;
/*position: absolute;*/
top: 45px;
left: -8px;
background: #fff;
left: auto !important;
/* background: #fff; */
width: 100px;
min-width: 100px;
height: 40px;
padding: 9px 10px;
-webkit-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
-moz-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
display: none;
/*display: none;*/
z-index: 100;
/* margin-left: 10px; */
text-align: center;
border-radius: 4px;
}
.nav-language .open .drop-language{
width: 100px;
min-width: 100px;
}
.nav-language .drop-language a{
cursor: pointer;
font-family: 'Lato', sans-serif;
padding: 5px 10px !important;
font-family: 'Lato-Light', sans-serif;
}
/* Show the dropdown menu on hover */
@media (min-width: 769px) {
.nav-language .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px){
.nav-language .open .dropdown-menu>li>a {
line-height: 1.42857143;
}
}
.navbar-transparent .nav-language .drop-language{
@ -227,13 +253,12 @@ h6 {
.navbar-transparent .nav-language .drop-language a {
color: #fff;
padding: 5px 10px !important;
font-family: 'Lato-Light', sans-serif;
}
.nav-language:hover .drop-language {
/* .nav-language:hover .drop-language{
display: block;
}
} */
.intro-header {
height: 100vh;
text-align: center;
@ -1189,7 +1214,7 @@ tech-sub-sec h2 {
color: #777;
}
.nav-language:hover{
height: 80px;
/*height: 80px;*/
}
.navbar-transparent .nav-language .select-language {
color: #777;

33
datacenterlight/templates/datacenterlight/includes/_navbar.html
View file

@ -1,6 +1,4 @@
{% load staticfiles i18n%}
{% get_current_language as LANGUAGE_CODE %}
{% load custom_tags %}
{% load staticfiles i18n%} {% get_current_language as LANGUAGE_CODE %} {% load custom_tags %}
<nav class="navbar navbar-default navbar-fixed-top topnav">
<div class="topnav">
<!-- Brand and toggle get grouped for better mobile display -->
@ -39,8 +37,19 @@
<a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact" >{% trans "Contact" %}</a>
</li>
{% endif %}
<li>
{% if LANGUAGE_CODE == 'en-us'%}
<a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a>
{% else %}
<a class="on-hover-border" href="{% change_lang 'en-us' %}">English&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a>
{% endif %}
</li>
{% comment %}
<!-- to be used when more than one option for language -->
<li class="nav-language">
<div class="select-language">
<div class="dropdown">
<div class="dropdown-toggle select-language" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{% if LANGUAGE_CODE == 'en-us'%}
<span>English</span>
{% else %}
@ -48,18 +57,18 @@
{% endif %}
<i class="fa fa-globe" aria-hidden="true"></i>
</div>
<div class="drop-language">
<ul class="dropdown-menu drop-language dropdown-menu-right">
{% if LANGUAGE_CODE == 'en-us'%}
<a href="{% change_lang 'de' %}">Deutsch</a>
<li><a class="url" href="{% change_lang 'de' %}">Deutsch</a></li>
{% else %}
<a href="{% change_lang 'en-us' %}" >English</a>
<li><a class="url" href="{% change_lang 'en-us' %}">English</a></li>
{% endif %}
</div>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</li>
{% endcomment %}
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>