fixed: Privacy Hackathon UX #6878

gitcoinco · Jun 16, 2020 · 22a904f · 22a904f
1 parent 6b76d0f
commit 22a904f
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/app/assets/v2/css/bounty.css b/app/assets/v2/css/bounty.css
@@ -49,7 +49,12 @@ body {
   height: 50px;
   margin: 0px auto;
   border-radius: 50px;
-  margin-top: 0px;
+}
+
+#avatar_url .avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50px;
 }
 
 .invite-user .avatar {

diff --git a/app/assets/v2/css/dashboard-vue-hackathon.css b/app/assets/v2/css/dashboard-vue-hackathon.css
@@ -183,6 +183,10 @@
   width: 100%;
 }
 
+.tribes-logo.badge-secondary {
+  background-color: #fff;
+}
+
 #sponsor_sidebar {
   background-color: #F9F9F9;
   height: 100%;

diff --git a/app/dashboard/templates/dashboard/index-vue.html b/app/dashboard/templates/dashboard/index-vue.html
@@ -641,6 +641,15 @@ <h6 class="font-weight-bold mb-3">Invite [[numUsers]] Users to the Bounty</h6>
                         <b-avatar :src="sponsor.avatar_url" size="46" :alt="sponsor.org_name" class="ml-n3 tribes-logo"></b-avatar>
                       </template>
                       <div class="py-3 pr-3">
+                        {% if sponsor.org_name|length > 21 %}
+                          <div class="d-flex">
+                            <a class="mb-1 font-bigger-1 text-truncate w-50" :href="`/profile/${sponsor.org_name}`">[[ sponsor.display_name ]]</a>
+                            <b-button variant="outline-primary" @click="followTribe(sponsor.org_name, $event)"
+                              v-bind:class="[sponsor.followed ? 'btn-outline-gc-green' : 'btn-gc-blue', 'btn-sm']">[[ sponsor.followed ?
+                              "following" : "follow" ]]</b-button>
+                          </div>
+                        {% endif %}
+
                         <div class="d-flex justify-content-between">
                           <a class="mb-1 font-bigger-1 text-truncate w-50" :href="`/profile/${sponsor.org_name}`">[[ sponsor.display_name ]]</a>
                           <b-button variant="outline-primary" @click="followTribe(sponsor.org_name, $event)" v-bind:class="[sponsor.followed ? 'btn-outline-gc-green' : 'btn-gc-blue', 'btn-sm']">[[ sponsor.followed ? "following" : "follow" ]]</b-button>