Commit 0a577775184738b0294c81763b79810eb43f043e
1 parent
496d5a24
Exists in
master
and in
29 other branches
join_button: added class to style join button
(ActionItem2844)
Showing
2 changed files
with
34 additions
and
35 deletions
Show diff stats
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; | ... | ... |