From 7319cc4e1ddc3a1f9b0775f0c93d1ca17984fc09 Mon Sep 17 00:00:00 2001 From: ARvind Tiwari Date: Mon, 24 Jul 2017 22:16:37 +0530 Subject: [PATCH 1/2] language options using bootstrap dropdown --- .../datacenterlight/css/landing-page.css | 36 +++++++++++++---- .../datacenterlight/includes/_navbar.html | 39 ++++++++++--------- 2 files changed, 49 insertions(+), 26 deletions(-) diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index 163ffd0e..bb5ef244 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -161,37 +161,59 @@ h6 { } .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; + 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{ background: transparent; border: 1px solid #fff; } .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; @@ -1025,7 +1047,7 @@ line-height: 40px; color: #777; } .nav-language:hover{ - height: 80px; + /*height: 80px;*/ } .navbar-transparent .nav-language .select-language { color: #777; diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html index b5cfacfe..c23d1f96 100644 --- a/datacenterlight/templates/datacenterlight/includes/_navbar.html +++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html @@ -18,7 +18,7 @@ {% endif %} - + From 1e55c6679aba05d724a99c08d0b2aab1f7998900 Mon Sep 17 00:00:00 2001 From: ARvind Tiwari Date: Tue, 25 Jul 2017 18:17:59 +0530 Subject: [PATCH 2/2] removed the language dropdown, replaced with link to the only other language --- .../datacenterlight/css/landing-page.css | 9 ++ .../datacenterlight/includes/_navbar.html | 132 ++++++++++-------- 2 files changed, 79 insertions(+), 62 deletions(-) diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index bb5ef244..1784b9b1 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -126,6 +126,15 @@ h6 { color: #fff; 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; } diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html index c23d1f96..181f7cfb 100644 --- a/datacenterlight/templates/datacenterlight/includes/_navbar.html +++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html @@ -1,65 +1,73 @@ -{% load staticfiles i18n%} -{% get_current_language as LANGUAGE_CODE %} -{% load custom_tags %} +{% load staticfiles i18n%} {% get_current_language as LANGUAGE_CODE %} {% load custom_tags %} + \ No newline at end of file