diff --git a/app/assets/v2/css/profile.css b/app/assets/v2/css/profile.css index 3026a2b0e69..1a395403376 100644 --- a/app/assets/v2/css/profile.css +++ b/app/assets/v2/css/profile.css @@ -21,6 +21,10 @@ border-radius: 50%; } +.profile-header { + position: relative; +} + .profile-header__handle { padding-top: 0.8rem; margin-bottom: 0; @@ -374,14 +378,30 @@ a:hover .avatar_edit .avatar_edit_text { } .profile-banner { - top: 25vh; + display: flex; + top: 0; + bottom: 0; color: #ffffff; z-index: 1; width: 100vw; - visibility: hidden; cursor: pointer; } +.profile-banner:hover { + background: linear-gradient(to top,rgba(255,255,255,0.6),rgba(255,255,255,0.0)); +} + +.profile-banner .h4 { + font-weight: bold; + text-shadow: 1px 1px 1px #000; + opacity: 0.5; + padding: 5px; +} + +.profile-banner:hover .h4 { + opacity: 1; +} + .picky { cursor: pointer; } @@ -398,22 +418,4 @@ nav.navbar.navbar-dark{ background-image: url(/static/v2/images/header-bg.png); } -#change_header_lede { - padding-top: 2rem; - padding-bottom: 10rem; - background: linear-gradient(to top,rgba(255,255,255,0.6),rgba(255,255,255,0.0)); -} - -#change_header_lede:hover { - background: linear-gradient(to top,rgba(255,255,255,0.9),rgba(255,255,255,0.0)); -} - -#change_header_lede span { - font-weight: bold; - visibility: hidden; - padding: 5px; -} -#change_header_lede:hover span { - visibility: visible; -} diff --git a/app/assets/v2/js/pages/profile-edit.js b/app/assets/v2/js/pages/profile-edit.js index 40cbe5d3b77..628eb8426a3 100644 --- a/app/assets/v2/js/pages/profile-edit.js +++ b/app/assets/v2/js/pages/profile-edit.js @@ -9,10 +9,6 @@ $(document).ready(function() { }); const banner = document.querySelector('.profile-banner'); - const updateHeader = document.querySelector('#update-header'); - - banner.style['visibility'] = 'visible'; - function setBanner() { const data = new FormData(); diff --git a/app/dashboard/templates/profiles/profile.html b/app/dashboard/templates/profiles/profile.html index 4a8c1bff824..6d26b29f818 100644 --- a/app/dashboard/templates/profiles/profile.html +++ b/app/dashboard/templates/profiles/profile.html @@ -17,20 +17,18 @@ {% include 'shared/tag_manager_2.html' %} -
- {% csrf_token %} - {% if is_my_profile%} -

- - Edit Header Photo - -

- {% endif %} -
-
- {% include 'shared/top_nav.html' with class='d-md-flex' %} - {% include 'home/nav.html' %} - {% if not hidden and is_staff %} + {% include 'shared/top_nav.html' with class='d-md-flex' %} + {% include 'home/nav.html' %} +
+ {% csrf_token %} + {% if is_my_profile %} +
+
+ Edit Header Photo +
+
+ {% endif %} + {% if not hidden and is_staff %}
Staff only {% trans "Profile Admin" %} diff --git a/app/retail/templates/shared/top_nav.html b/app/retail/templates/shared/top_nav.html index 26fe2ee2d6e..e4b2ff01011 100644 --- a/app/retail/templates/shared/top_nav.html +++ b/app/retail/templates/shared/top_nav.html @@ -20,7 +20,7 @@
- {% blocktrans %}The Grow Ethereum Hackathon runs July 22nd to August 15th - Check out the Details.{% endblocktrans %} + {% blocktrans %}The Grow Ethereum Hackathon runs July 29nd to August 19th - Check out the Details.{% endblocktrans %} ×