profile-suggestions: suggestions block style improvements

Rodrigo Souto
1 parent 902dbc8b
Showing 4 changed files with 39 additions and 40 deletions Show diff stats
app/helpers/application_helper.rb
plugins/people_block/public/style.css
public/designs/themes/base/style.css
public/stylesheets/application.css
@@ -1433,6 +1433,6 @@ module ApplicationHelper
     end
     last_tag = tags.pop
     tags << last_tag.strip.chop if last_tag.present?
-    content_tag(:p, tags.join)
+    content_tag(:div, tags.join, :class => 'tag-connections')
   end
 end
@@ -73,17 +73,6 @@
   width: auto;
   display: block;
 }
-#content .people-block .block-footer-content a,
-#content .friends-block .block-footer-content a,
-#content .members-block .block-footer-content a {
-  position: absolute;
-  top: 2px;
-  right: 0px;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  padding-right: 15px;
-}
 #content .members-block .block-footer-content .join-leave-button a {
   position: relative;
   background-color: #EEE;
@@ -416,7 +416,7 @@ div#notice {
   font-variant: normal;
   color: #AAA;
   font-size: 11px;
-  text-align: left;
+  text-align: center;
   border-bottom: 1px solid #AAA;
   padding: 2px 0;
 }
@@ -504,10 +504,7 @@ div#notice {
   display: block;
 }
-#content .tags-block .block-footer-content a,
-#content .profile-list-block .block-footer-content a,
-#content .enterprises-block .block-footer-content a,
-#content .communities-block .block-footer-content a {
+.block-footer-content a.view-all {
   position: absolute;
   top: 2px;
   right: 0px;
@@ -515,11 +512,6 @@ div#notice {
   color: #000;
   text-decoration: none;
   padding-right: 15px;
-}
-#content .tags-block .block-footer-content a,
-#content .profile-list-block .block-footer-content a,
-#content .enterprises-block .block-footer-content a,
-#content .communities-block .block-footer-content a.view-all {
   background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
 }
@@ -1668,6 +1668,10 @@ a.button.disabled, input.disabled {
   padding-bottom: 0px;
 }
+#content .block-footer-content .profiles-suggestions a {
+  text-decoration: none;
+}
+
 #content .communities-block .block-footer-content .profiles-suggestions a.accept-suggestion,
 #content .communities-block .block-footer-content .profiles-suggestions a.remove-suggestion {
   position: relative;
@@ -1678,6 +1682,11 @@ a.button.disabled, input.disabled {
   padding-bottom: 3px;
   display: block;
   color: #333;
+  font-size: 11px
+}
+
+#content .block-footer-content .profiles-suggestions a.accept-suggestion:hover {
+  text-decoration: underline;
 }
 #content .profiles-suggestions .profile-list a.remove-suggestion {
@@ -1690,6 +1699,7 @@ a.button.disabled, input.disabled {
   font-size: 14px;
   text-align: center;
   font-weight: bold;
+  margin: 1px 1px 0 0;
 }
 #content .profiles-suggestions .profile-list a.remove-suggestion:hover {
@@ -3995,39 +4005,31 @@ h1#agenda-title {
 /* ==> @import url(manage_contacts_list.css); <== */
-.controller-favorite_enterprises .profile-list,
-.controller-friends .profile-list,
-.profiles-suggestions .profile-list {
+.profile-list {
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
-.controller-favorite_enterprises .profile-list li,
-.controller-friends .profile-list li,
-.profiles-suggestions .profile-list li {
+
+.profile-list li {
   float: left;
   margin: 5px;
-  height: 90px;
-  max-height: 80px;
   padding: 5px;
-  border: 2px solid transparent;
   list-style: none;
   position: relative;
 }
+
+.profile-list li:hover {
+  background-color: #eeeeec;
+}
+
 .controller-favorite_enterprises .profile-list li,
 .controller-friends .profile-list li {
   width: 90px;
   max-width: 80px;
 }
-.controller-favorite_enterprises .profile-list li:hover,
-.controller-friends .profile-list li:hover,
-.box-1 .profiles-suggestions .profile-list li:hover {
-  border: 2px solid #eeeeec;
-}
-.controller-favorite_enterprises .profile-list img,
-.controller-friends .profile-list img,
-.profiles-suggestions .profile-list img {
+.profile-list img {
   border: none;
 }
 .controller-favorite_enterprises .profile-list a.profile-link,
@@ -4085,6 +4087,18 @@ h1#agenda-title {
   margin: 0px;
 }
+.profiles-suggestions .profile-list .extra_info a {
+  padding: 0;
+}
+
+.profile-connections {
+  height: 20px;
+}
+
+.tag-connections {
+  margin-left: 2px;
+}
+
 #content .profiles-suggestions .profile-list .extra_info .profile-suggestion-connection-icon {
   position: relative;
 }
@@ -4092,7 +4106,7 @@ h1#agenda-title {
 .profiles-suggestions .profile-list .extra_info big {
     font-size: 14px;
     font-weight: bold;
-    vertical-align: text-bottom;
+    line-height: 20px;
 }
 .profiles-suggestions .profile-list .extra_info span {
@@ -4127,6 +4141,10 @@ h1#agenda-title {
 #content .common-profile-list-block .profiles-suggestions .profile-list a.profile-link {
   text-align: left;
   position: relative;
+  height: 50px;
+  width: 50px;
+  float: left;
+  margin-right: 5px;
 }
 /* ==> public/stylesheets/controller_friends.css <== */
	@@ -1433,6 +1433,6 @@ module ApplicationHelper		@@ -1433,6 +1433,6 @@ module ApplicationHelper
1433	end	1433	end
1434	last_tag = tags.pop	1434	last_tag = tags.pop
1435	tags << last_tag.strip.chop if last_tag.present?	1435	tags << last_tag.strip.chop if last_tag.present?
1436	- content_tag(:p, tags.join)	1436	+ content_tag(:div, tags.join, :class => 'tag-connections')
1437	end	1437	end
1438	end	1438	end
	@@ -73,17 +73,6 @@		@@ -73,17 +73,6 @@
73	width: auto;	73	width: auto;
74	display: block;	74	display: block;
75	}	75	}
76	-#content .people-block .block-footer-content a,
77	-#content .friends-block .block-footer-content a,
78	-#content .members-block .block-footer-content a {
79	- position: absolute;
80	- top: 2px;
81	- right: 0px;
82	- font-size: 11px;
83	- color: #000;
84	- text-decoration: none;
85	- padding-right: 15px;
86	-}
87	#content .members-block .block-footer-content .join-leave-button a {	76	#content .members-block .block-footer-content .join-leave-button a {
88	position: relative;	77	position: relative;
89	background-color: #EEE;	78	background-color: #EEE;