responsiveness fixes for profile header, and a 'make fix'

gitcoinco · Jul 20, 2019 · b710cdb · b710cdb
1 parent e8b7063
commit b710cdb
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 2 deletions.
diff --git a/app/app/context.py b/app/app/context.py
@@ -93,7 +93,6 @@ def preprocess(request):
         'is_moderator': profile.is_moderator if profile else False,
         'persona_is_funder': profile.persona_is_funder if profile else False,
         'persona_is_hunter': profile.persona_is_hunter if profile else False,
-
     }
     context['json_context'] = json.dumps(context)
 

diff --git a/app/assets/onepager/js/send.js b/app/assets/onepager/js/send.js
@@ -162,6 +162,7 @@ function sendTip(email, github_url, from_name, username, amount, comments_public
   }
   // setup
   var fromAccount = web3.eth.accounts[0];
+
   if (typeof fromAccount == 'undefined') {
     _alert({ message: gettext('You must unlock & enable Gitcoin via your web3 wallet to continue.') }, 'warning');
     failure_callback();

diff --git a/app/assets/v2/css/profile.css b/app/assets/v2/css/profile.css
@@ -23,6 +23,7 @@
 
 .profile-header {
   position: relative;
+  min-height: 450px;
 }
 
 .profile-header__handle {
@@ -151,12 +152,23 @@ a:hover .avatar_edit .avatar_edit_text {
   border-radius: 50%;
 }
 
+
+@media (max-width: 1200px) {
+  .profile-header{
+    min-height: 350px;
+  }
+}
+
 @media (max-width: 767.98px) {
 
   .profile-header__main-infos {
     text-align: center;
   }
 
+  .profile-header{
+    min-height: 250px;
+  }
+
   .profile-header__avatar {
     float: none;
     margin-right: 0!important;
@@ -196,6 +208,7 @@ a:hover .avatar_edit .avatar_edit_text {
 }
 
 @media (min-width: 992px) and (max-width: 1199.98px) {
+
   .profile-header__stats .card-header {
     padding: 0 0.5rem;
     font-size: 1.2rem;

diff --git a/app/dashboard/templates/profiles/profile.html b/app/dashboard/templates/profiles/profile.html
@@ -19,7 +19,7 @@
     {% include 'shared/tag_manager_2.html' %}
     {% include 'shared/top_nav.html' with class='d-md-flex' %}
     {% include 'home/nav.html' %}
-    <div class="container-fluid header profile-header dash" style="min-height: 450px; {% if profile.profile_wallpaper %} background-image: url( {{ profile.profile_wallpaper }} ) {% endif %}">
+    <div class="container-fluid header profile-header dash" style="{% if profile.profile_wallpaper %} background-image: url( {{ profile.profile_wallpaper }} ) {% endif %}">
         {% csrf_token %}
         {% if is_my_profile %}
         <div class="position-absolute profile-banner text-center">