Commit 597d32c452c5f372da204d9ccad65d79ffbcd521

Authored by Larissa Reis
1 parent 0d77f8f8

profile-suggestions: fixes css to show a box when mouse over.

  Show the box in every instance of suggestion lists, ie.
  friends/suggest, memberships/suggest/, friends and blocks

(ActionItem3234)
Showing 1 changed file with 32 additions and 10 deletions   Show diff stats
public/stylesheets/application.css
@@ -4003,8 +4003,7 @@ h1#agenda-title { @@ -4003,8 +4003,7 @@ h1#agenda-title {
4003 list-style: none; 4003 list-style: none;
4004 } 4004 }
4005 .controller-favorite_enterprises .profile-list li, 4005 .controller-favorite_enterprises .profile-list li,
4006 -.controller-friends .profile-list li,  
4007 -.profiles-suggestions .profile-list li { 4006 +.controller-friends .profile-list li {
4008 float: left; 4007 float: left;
4009 margin: 5px; 4008 margin: 5px;
4010 height: 90px; 4009 height: 90px;
@@ -4014,6 +4013,18 @@ h1#agenda-title { @@ -4014,6 +4013,18 @@ h1#agenda-title {
4014 list-style: none; 4013 list-style: none;
4015 position: relative; 4014 position: relative;
4016 } 4015 }
  4016 +.profiles-suggestions .profile-list li {
  4017 + float: left;
  4018 + margin: 5px;
  4019 + height: 90px;
  4020 + max-height: 80px;
  4021 + padding: 5px;
  4022 + border: 1px solid transparent;
  4023 + list-style: none;
  4024 + position: relative;
  4025 + -moz-border-radius: 5px;
  4026 + -webkit-border-radius: 5px;
  4027 +}
4017 .controller-favorite_enterprises .profile-list li, 4028 .controller-favorite_enterprises .profile-list li,
4018 .controller-friends .profile-list li { 4029 .controller-friends .profile-list li {
4019 width: 90px; 4030 width: 90px;
@@ -4021,8 +4032,7 @@ h1#agenda-title { @@ -4021,8 +4032,7 @@ h1#agenda-title {
4021 } 4032 }
4022 4033
4023 .controller-favorite_enterprises .profile-list li:hover, 4034 .controller-favorite_enterprises .profile-list li:hover,
4024 -.controller-friends .profile-list li:hover,  
4025 -.box-1 .profiles-suggestions .profile-list li:hover { 4035 +.controller-friends .profile-list li:hover {
4026 border: 2px solid #eeeeec; 4036 border: 2px solid #eeeeec;
4027 } 4037 }
4028 .controller-favorite_enterprises .profile-list img, 4038 .controller-favorite_enterprises .profile-list img,
@@ -4104,20 +4114,32 @@ h1#agenda-title { @@ -4104,20 +4114,32 @@ h1#agenda-title {
4104 width: auto; 4114 width: auto;
4105 } 4115 }
4106 4116
4107 -.profiles-suggestions .profile-list li {  
4108 - width: 85px;  
4109 - max-width: 85px; 4117 +.profiles-suggestions .profile-list li:hover {
  4118 + border: 1px solid #ccc;
  4119 + background: #eee;
4110 } 4120 }
4111 4121
4112 .box-1 .profiles-suggestions .profile-list li { 4122 .box-1 .profiles-suggestions .profile-list li {
4113 - width: 76px;  
4114 - max-width: 76px;  
4115 - border: 2px solid transparent; 4123 + width: 100px;
  4124 + max-width: 100px;
  4125 + height: 130px;
  4126 + max-height: 100%;
  4127 + overflow: hidden;
  4128 + text-overflow: ellipsis;
  4129 +}
  4130 +
  4131 +.box-1 .profiles-suggestions .profile-list .remove-suggestion,
  4132 +.box-1 .profiles-suggestions .profile-list li > a {
  4133 + text-decoration: none;
4116 } 4134 }
4117 4135
4118 .common-profile-list-block .profiles-suggestions .profile-list li { 4136 .common-profile-list-block .profiles-suggestions .profile-list li {
4119 width: 100%; 4137 width: 100%;
4120 max-width: 100%; 4138 max-width: 100%;
  4139 + height: 70px;
  4140 + max-height: 100%;
  4141 + overflow: hidden;
  4142 + text-overflow: ellipsis;
4121 } 4143 }
4122 4144
4123 .common-profile-list-block .profiles-suggestions .profile-list li img { 4145 .common-profile-list-block .profiles-suggestions .profile-list li img {