mirror of
https://github.com/phpbb/phpbb.git
synced 2025-06-28 14:18:52 +00:00
[ticket/12265] Add contact icon and remove border from last row & cells.
PHPBB3-12265
This commit is contained in:
parent
ec145419ed
commit
11dd010f84
6 changed files with 70 additions and 46 deletions
|
@ -35,31 +35,40 @@
|
||||||
|
|
||||||
|
|
||||||
<!-- IF U_PM or U_EMAIL or U_JABBER -->
|
<!-- IF U_PM or U_EMAIL or U_JABBER -->
|
||||||
|
<!-- DEFINE $CNT = 0 -->
|
||||||
<dd class="profile-contact">
|
<dd class="profile-contact">
|
||||||
<strong>{L_CONTACT_USER}{L_COLON}</strong>
|
<strong>{L_CONTACT_USER}{L_COLON}</strong>
|
||||||
<div class="dropdown-container">
|
<div class="dropdown-container dropdown-left">
|
||||||
<a href="#" class="dropdown-trigger">Trigger</a>
|
<a href="#" class="dropdown-trigger"><span class="imageset icon_contact"></span></a>
|
||||||
<div class="dropdown hidden">
|
<div class="dropdown hidden">
|
||||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||||
<div class="dropdown-contents contact-icons">
|
<div class="dropdown-contents contact-icons">
|
||||||
|
<div>
|
||||||
<!-- EVENT ucp_pm_viewmessage_contact_fields_before -->
|
<!-- EVENT ucp_pm_viewmessage_contact_fields_before -->
|
||||||
<!-- IF U_PM -->
|
<!-- IF U_PM -->
|
||||||
<a href="{U_PM}" title="{L_PRIVATE_MESSAGE}"><span class="contact-icon pm-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{U_PM}" title="{L_PRIVATE_MESSAGE}"><span class="contact-icon pm-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- IF U_EMAIL -->
|
<!-- IF U_EMAIL -->
|
||||||
<a href="{U_EMAIL}" title="{L_SEND_EMAIL_USER} {POST_AUTHOR}"><span class="contact-icon email-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{U_EMAIL}" title="{L_SEND_EMAIL_USER} {POST_AUTHOR}"><span class="contact-icon email-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- IF U_JABBER -->
|
<!-- IF U_JABBER -->
|
||||||
<a href="{U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span class="contact-icon jabber-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span class="contact-icon jabber-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- BEGIN custom_fields -->
|
<!-- BEGIN custom_fields -->
|
||||||
<!-- IF custom_fields.S_PROFILE_CONTACT -->
|
<!-- IF custom_fields.S_PROFILE_CONTACT -->
|
||||||
<a href="<!-- IF postrow.custom_fields.PROFILE_FIELD_CONTACT -->{custom_fields.PROFILE_FIELD_CONTACT}<!-- ELSE -->{U_POST_AUTHOR}<!-- ENDIF -->" title="{custom_fields.PROFILE_FIELD_NAME}">
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<!-- IF $CNT % 5 == 0 --><div><!-- ENDIF -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="<!-- IF postrow.custom_fields.PROFILE_FIELD_CONTACT -->{custom_fields.PROFILE_FIELD_CONTACT}<!-- ELSE -->{U_POST_AUTHOR}<!-- ENDIF -->" title="{custom_fields.PROFILE_FIELD_NAME}">
|
||||||
<span class="contact-icon {custom_fields.PROFILE_FIELD_IDENT}-icon"></span>
|
<span class="contact-icon {custom_fields.PROFILE_FIELD_IDENT}-icon"></span>
|
||||||
</a>
|
</a>
|
||||||
|
<!-- IF $CNT % 4 == 0 --></div><!-- ENDIF -->
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- END custom_fields -->
|
<!-- END custom_fields -->
|
||||||
<!-- EVENT ucp_pm_viewmessage_contact_fields_after -->
|
<!-- EVENT ucp_pm_viewmessage_contact_fields_after -->
|
||||||
|
<!-- IF $CNT % 4 != 0 --></div><!-- ENDIF -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -144,29 +144,38 @@
|
||||||
<!-- EVENT viewtopic_body_postrow_custom_fields_after -->
|
<!-- EVENT viewtopic_body_postrow_custom_fields_after -->
|
||||||
|
|
||||||
<!-- IF not S_IS_BOT and (postrow.U_PM or postrow.U_EMAIL or postrow.U_JABBER) -->
|
<!-- IF not S_IS_BOT and (postrow.U_PM or postrow.U_EMAIL or postrow.U_JABBER) -->
|
||||||
|
<!-- DEFINE $CNT = 0 -->
|
||||||
<dd class="profile-contact">
|
<dd class="profile-contact">
|
||||||
<strong>{L_CONTACT_USER}{L_COLON}</strong>
|
<strong>{L_CONTACT_USER}{L_COLON}</strong>
|
||||||
<div class="dropdown-container">
|
<div class="dropdown-container dropdown-left">
|
||||||
<a href="#" class="dropdown-trigger">Trigger</a>
|
<a href="#" class="dropdown-trigger"><span class="imageset icon_contact"></span></a>
|
||||||
<div class="dropdown hidden">
|
<div class="dropdown hidden">
|
||||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||||
<div class="dropdown-contents contact-icons">
|
<div class="dropdown-contents contact-icons">
|
||||||
|
<div>
|
||||||
<!-- IF postrow.U_PM -->
|
<!-- IF postrow.U_PM -->
|
||||||
<a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span class="contact-icon pm-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span class="contact-icon pm-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- IF postrow.U_EMAIL -->
|
<!-- IF postrow.U_EMAIL -->
|
||||||
<a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span class="contact-icon email-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span class="contact-icon email-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- IF postrow.U_JABBER -->
|
<!-- IF postrow.U_JABBER -->
|
||||||
<a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span class="contact-icon jabber-icon"></span></a>
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span class="contact-icon jabber-icon"></span></a>
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- BEGIN custom_fields -->
|
<!-- BEGIN custom_fields -->
|
||||||
<!-- IF postrow.custom_fields.S_PROFILE_CONTACT -->
|
<!-- IF postrow.custom_fields.S_PROFILE_CONTACT -->
|
||||||
<a href="<!-- IF postrow.custom_fields.PROFILE_FIELD_CONTACT -->{postrow.custom_fields.PROFILE_FIELD_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.custom_fields.PROFILE_FIELD_NAME}">
|
<!-- DEFINE $CNT = definition.CNT + 1 -->
|
||||||
|
<!-- IF $CNT % 5 == 0 --><div><!-- ENDIF -->
|
||||||
|
<a <!-- IF $CNT % 4 == 0 -->class="last-cell" <!-- ENDIF -->href="<!-- IF postrow.custom_fields.PROFILE_FIELD_CONTACT -->{postrow.custom_fields.PROFILE_FIELD_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.custom_fields.PROFILE_FIELD_NAME}">
|
||||||
<span class="contact-icon {postrow.custom_fields.PROFILE_FIELD_IDENT}-icon"></span>
|
<span class="contact-icon {postrow.custom_fields.PROFILE_FIELD_IDENT}-icon"></span>
|
||||||
</a>
|
</a>
|
||||||
|
<!-- IF $CNT % 4 == 0 --></div><!-- ENDIF -->
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
<!-- END custom_fields -->
|
<!-- END custom_fields -->
|
||||||
|
<!-- IF $CNT % 4 != 0 --></div><!-- ENDIF -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -254,14 +254,10 @@ ul.profile-icons.responsive a.responsive-menu-link:before {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-icons a:nth-child(4) {
|
.contact-icons .last-cell {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-icons a:nth-child(5) {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-icons div:last-child a {
|
.contact-icons div:last-child a {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -735,6 +735,15 @@ dd.profile-contact {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-contact .dropdown-container {
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-contact .icon_contact {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
.online {
|
.online {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-position: 100% 0;
|
background-position: 100% 0;
|
||||||
|
|
BIN
phpBB/styles/prosilver/theme/images/icon_contact.png
Normal file
BIN
phpBB/styles/prosilver/theme/images/icon_contact.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 340 B |
|
@ -356,13 +356,14 @@ span.imageset {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.imageset.icon_contact {
|
||||||
|
background-image: url("./images/icon_contact.png");
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* English images for fallback */
|
/* English images for fallback */
|
||||||
.imageset.icon_contact_pm {
|
|
||||||
background-image: url("./en/icon_contact_pm.gif");
|
|
||||||
padding-left: 28px;
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
.imageset.icon_post_edit {
|
.imageset.icon_post_edit {
|
||||||
background-image: url("./en/icon_post_edit.gif");
|
background-image: url("./en/icon_post_edit.gif");
|
||||||
padding-left: 42px;
|
padding-left: 42px;
|
||||||
|
|
Loading…
Add table
Reference in a new issue