font weight on mobile

This commit is contained in:
Arvind Tiwari 2017-09-08 03:41:25 +05:30
parent bbee940720
commit fc170462e2
3 changed files with 18 additions and 15 deletions

View file

@ -143,15 +143,19 @@ button, input, optgroup, select, textarea {
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav>li>a {
cursor: pointer; cursor: pointer;
/*font-family: 'Lato-Light', sans-serif;*/ font-weight: 400;
font-weight: 300;
} }
.navbar-transparent .navbar-nav>li>a { .navbar-transparent .navbar-nav>li>a {
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
/*font-family: 'Lato-Light', sans-serif;*/ }
font-weight: 300;
@media (min-width: 768px) {
.navbar-default .navbar-nav>li>a,
.navbar-transparent .navbar-nav>li>a {
font-weight: 300;
}
} }
.navbar-transparent .navbar-nav>li>a:hover { .navbar-transparent .navbar-nav>li>a:hover {

View file

@ -42,11 +42,6 @@ h6 {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.navbar-default .navbar-nav>li>a {
/* padding-top: 20px; */
/* padding-bottom: 20px; */
font-weight: 300;
}
.navbar-transparent { .navbar-transparent {
background: transparent; background: transparent;
@ -87,12 +82,14 @@ h6 {
padding: 0 5px 8px !important; padding: 0 5px 8px !important;
} }
@media(min-width: 768px) { @media(min-width: 768px) {
.navbar-default .navbar-nav>li>a {
font-weight: 300;
}
.navbar-right .highlights-dropdown .dropdown-menu { .navbar-right .highlights-dropdown .dropdown-menu {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02);
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
border-color: #e7e7e7; border-color: #e7e7e7;
box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5); box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5);
/* top: 53px; */
} }
/* .navbar-right .highlights-dropdown .dropdown-menu:before { /* .navbar-right .highlights-dropdown .dropdown-menu:before {
content: ''; content: '';
@ -109,7 +106,7 @@ h6 {
font-size: 13px; font-size: 13px;
font-weight: 300; font-weight: 300;
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
padding: 1px 10px !important; padding: 1px 10px 1px 18px !important;
background: transparent; background: transparent;
color: #333; color: #333;
} }

View file

@ -24,12 +24,12 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li> <li>
<a href="{% url 'hosting:dashboard' %}"> <a href="{% url 'hosting:dashboard' %}">
<i class="fa fa-server" aria-hidden="true"></i>&nbsp;&nbsp;{% trans "Dashboard"%} <i class="fa fa-fw fa-server" aria-hidden="true"></i>&nbsp;&nbsp;{% trans "Dashboard"%}
</a> </a>
</li> </li>
<li class="dropdown highlights-dropdown"> <li class="dropdown highlights-dropdown">
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"> <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
<i class="fa fa-user"></i>&nbsp;&nbsp;{{request.user.name}}&nbsp;<span class="caret"></span> <i class="fa fa-fw fa-user"></i>&nbsp;&nbsp;{{request.user.name}}&nbsp;<span class="fa fa-fw fa-caret-down"></span>
</a> </a>
<ul id="g-account-menu" class="dropdown-menu" role="menu"> <ul id="g-account-menu" class="dropdown-menu" role="menu">
<li><a href="{% url 'hosting:logout' %}">{% trans "Logout"%}</a></li> <li><a href="{% url 'hosting:logout' %}">{% trans "Logout"%}</a></li>
@ -38,8 +38,10 @@
<li> <li>
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
{% if LANGUAGE_CODE == 'en-us'%} {% if LANGUAGE_CODE == 'en-us'%}
<a href="{% change_lang 'de' %}">Deutsch&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% else %} <a href="{% change_lang 'de' %}"><i class="fa fa-fw fa-globe" aria-hidden="true"></i>&nbsp;&nbsp;Deutsch</a>
<a href="{% change_lang 'en-us' %}">English&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% endif %} {% else %}
<a href="{% change_lang 'en-us' %}"><i class="fa fa-fw fa-globe" aria-hidden="true"></i>&nbsp;&nbsp;English</a>
{% endif %}
</li> </li>
</ul> </ul>
</div> </div>