Commit 0a577775184738b0294c81763b79810eb43f043e

Authored by Daniela Feitosa
1 parent 496d5a24

join_button: added class to style join button

(ActionItem2844)
app/views/blocks/profile_info_actions/_join_leave_community.rhtml
1   -<% if logged_in? %>
2   - <% if profile.members.include?(user) %>
3   - <%= button(:delete, content_tag('span', __('Leave community')), profile.leave_url,
4   - :class => 'leave-community',
5   - :title => _("Leave community"),
6   - :style => 'position: relative;') %>
7   - <%= button(:add, content_tag('span', __('Join')), profile.join_url,
8   - :class => 'join-community',
9   - :title => _("Join community"),
10   - :style => 'position: relative; display: none;') %>
11   - <% else %>
12   - <% unless profile.already_request_membership?(user) %>
  1 +<div class='join-leave-button'>
  2 + <% if logged_in? %>
  3 + <% if profile.members.include?(user) %>
13 4 <%= button(:delete, content_tag('span', __('Leave community')), profile.leave_url,
14 5 :class => 'leave-community',
15 6 :title => _("Leave community"),
16   - :style => 'position: relative; display: none;') %>
  7 + :style => 'position: relative;') %>
17 8 <%= button(:add, content_tag('span', __('Join')), profile.join_url,
18 9 :class => 'join-community',
19 10 :title => _("Join community"),
20   - :style => 'position: relative;') %>
  11 + :style => 'position: relative; display: none;') %>
  12 + <% else %>
  13 + <% unless profile.already_request_membership?(user) %>
  14 + <%= button(:delete, content_tag('span', __('Leave community')), profile.leave_url,
  15 + :class => 'leave-community',
  16 + :title => _("Leave community"),
  17 + :style => 'position: relative; display: none;') %>
  18 + <%= button(:add, content_tag('span', __('Join')), profile.join_url,
  19 + :class => 'join-community',
  20 + :title => _("Join community"),
  21 + :style => 'position: relative;') %>
  22 + <% end %>
21 23 <% end %>
  24 + <% else %>
  25 + <%= link_to content_tag('span', _('Join')), profile.join_not_logged_url,
  26 + :class => 'button with-text icon-add',
  27 + :title => _('Join this community') %>
22 28 <% end %>
23   -<% else %>
24   - <%= link_to content_tag('span', _('Join')), profile.join_not_logged_url,
25   - :class => 'button with-text icon-add',
26   - :title => _('Join this community') %>
27   -<% end %>
  29 +</div>
... ...
public/designs/themes/base/style.css
... ... @@ -506,6 +506,7 @@ div#notice {
506 506 #content .people-block .block-footer-content a,
507 507 #content .profile-list-block .block-footer-content a,
508 508 #content .enterprises-block .block-footer-content a,
  509 +#content .members-block .block-footer-content a,
509 510 #content .communities-block .block-footer-content a,
510 511 #content .friends-block .block-footer-content a {
511 512 position: absolute;
... ... @@ -515,34 +516,30 @@ div#notice {
515 516 color: #000;
516 517 text-decoration: none;
517 518 padding-right: 15px;
518   - background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
519 519 }
520   -#content .members-block .block-footer-content a {
521   - position: absolute;
522   - top: 2px;
523   - right: 0px;
524   - font-size: 11px;
525   - color: #000;
526   - text-decoration: none;
527   - padding-right: 15px;
  520 +#content .tags-block .block-footer-content a,
  521 +#content .people-block .block-footer-content a,
  522 +#content .profile-list-block .block-footer-content a,
  523 +#content .enterprises-block .block-footer-content a,
  524 +#content .communities-block .block-footer-content a,
  525 +#content .friends-block .block-footer-content a {
  526 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
528 527 }
529   -#content .members-block .block-footer-content a.button {
  528 +
  529 +#content .members-block .block-footer-content .join-leave-button a {
530 530 position: relative;
531   - padding-left: 10px;
532 531 background-color: #EEE;
533 532 border: 1px solid #CCC;
534 533 color: #555;
  534 + padding-right: inherit;
535 535 }
536   -#content .members-block .block-footer-content a.button:hover {
  536 +
  537 +#content .members-block .block-footer-content .join-leave-button a:hover {
537 538 color: #FFF;
538 539 background-color: #555;
539 540 border: 1px solid #2e3436;
540 541 text-decoration: none;
541 542 }
542   -#content .members-block .block-footer-content a.button span {
543   - margin: 0px;
544   - padding: 0px 0px 0px 7px;
545   -}
546 543  
547 544 #content .profile-list-block .block-title {
548 545 text-align: left;
... ...