hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

https://github.com/NodeBB/nodebb-theme-persona/issues/299

Browse Source
main
barisusakli 9 years ago
parent 99a4c60140
commit c8316eedf3
5 changed files with 35 additions and 54 deletions
Show Stats Download Patch File Download Diff File

10
less/chats.less
Unescape Escape View File

@ -9,7 +9,7 @@
clear: both;
list-style-type: none;
padding: 0.5em;
height: 70px;
height: 90px;
.pointer;
border-left: 1px solid;
@ -69,14 +69,6 @@
height: 20px;
}
.user-img {
.user-icon-style(50px, 2.4rem, 50%);
float: left;
margin-top: 4px;
margin-right: 13px;
margin-left: 0.5em;
}
.status {
position: absolute;
left: 50px;

16
less/header.less
Unescape Escape View File

@ -16,16 +16,9 @@
padding: 0.5em;
clear: both;
img, .user-icon {
.user-icon-style(@border-radius: 50%);
float: left;
}
a {
white-space: normal;
overflow: hidden;
margin: 0;
// padding: 3px 5px 3px 20px;
text-overflow: ellipsis;
.text {
@ -76,17 +69,10 @@
li {
.pointer;
width: 200px;
width: 300px;
a {
display: block;
line-height: 30px;
position: relative;
.avatar {
margin-right: 1rem;
}
}
&.no_active a {

29
templates/partials/chat_dropdown.tpl
Unescape Escape View File

@ -1,21 +1,24 @@
<!-- IF rooms.length -->
<!-- BEGIN rooms -->
<li class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->" data-roomId="{../roomId}">
<a data-ajaxify="false">
<!-- IF lastUser -->
<!-- IF ../lastUser.picture -->
<img class="avatar avatar-md avatar-rounded" src="{../lastUser.picture}" title="{../lastUser.username}" />
<!-- ELSE -->
<div class="avatar avatar-md avatar-rounded" style="background-color: {../lastUser.icon:bgColor}">{../lastUser.icon:text}</div>
<!-- ENDIF ../lastUser.picture -->
<!-- ENDIF lastUser -->
<li class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->">
<a data-ajaxify="false" data-roomid="{rooms.roomId}">
<p>{rooms.roomName}</p>
</a>
<!-- IF lastUser -->
{../usernames}
<!-- BEGIN rooms.users -->
<a href="{config.relative_path}/user/{rooms.users.userslug}">
<!-- IF rooms.users.picture -->
<img class="user-img avatar avatar-sm avatar-rounded" src="{rooms.users.picture}" title="{rooms.users.username}">
<!-- ELSE -->
[[modules:chat.no-users-in-room]]
<!-- ENDIF lastUser -->
<div class="user-img avatar avatar-sm avatar-rounded" title="{rooms.users.username}" style="background-color: {rooms.users.icon:bgColor};">{rooms.users.icon:text}</div>
<!-- ENDIF rooms.users.picture -->
</a>
<!-- END rooms.users -->
<!-- IF !rooms.lastUser.uid -->
[[modules:chat.no-users-in-room]]
<!-- ENDIF !rooms.lastUser.uid -->
</li>
<!-- END rooms -->
<!-- ELSE -->

24
templates/partials/chat_recent_room.tpl
Unescape Escape View File

@ -1,18 +1,18 @@
<li component="chat/recent/room" data-roomid="{rooms.roomId}" class="<!-- IF rooms.unread -->unread<!-- ENDIF rooms.unread -->">
<i class="fa fa-times pull-right leave" component="chat/leave"></i>
<!-- IF rooms.lastUser.uid -->
<div data-username="{rooms.lastUser.username}" data-uid="{rooms.lastUser.uid}">
<!-- IF rooms.lastUser.picture -->
<img class="user-img" src="{rooms.lastUser.picture}">
<!-- ELSE -->
<div class="user-icon user-img" style="background-color: {rooms.lastUser.icon:bgColor};">{rooms.lastUser.icon:text}</div>
<!-- ENDIF rooms.lastUser.picture -->
<i component="user/status" title="[[global:{rooms.lastUser.status}]]" class="fa fa-circle status {rooms.lastUser.status}"></i>
<span class="username">{rooms.usernames}</span>
<div>
<p>{rooms.roomName}</p>
<!-- BEGIN rooms.users -->
<!-- IF rooms.users.picture -->
<img class="user-img avatar avatar-sm avatar-rounded" src="{rooms.users.picture}" title="{rooms.users.username}">
<!-- ELSE -->
<div class="user-img avatar avatar-sm avatar-rounded" title="{rooms.users.username}" style="background-color: {rooms.users.icon:bgColor};">{rooms.users.icon:text}</div>
<!-- ENDIF rooms.users.picture -->
<!-- END rooms.users -->
<!-- IF !rooms.lastUser.uid -->
[[modules:chat.no-users-in-room]]
<!-- ENDIF !rooms.lastUser.uid -->
</div>
<!-- ELSE -->
[[modules:chat.no-users-in-room]]
<!-- ENDIF rooms.lastUser.uid -->
<span class="teaser-content">{rooms.teaser.content}</span>
<span class="teaser-timestamp timeago pull-right" title="{rooms.teaser.timestampISO}"></span>

4
templates/partials/notifications_list.tpl
Unescape Escape View File

@ -7,10 +7,10 @@
<li class="{notifications.readClass}" data-nid="{notifications.nid}">
<!-- IF notifications.image -->
<!-- IF notifications.from -->
<a href="{config.relative_path}/user/{notifications.user.userslug}"><img src="{notifications.image}" /></a>
<a href="{config.relative_path}/user/{notifications.user.userslug}"><img class="pull-left user-img avatar avatar-md avatar-rounded"src="{notifications.image}" /></a>
<!-- ENDIF notifications.from -->
<!-- ELSE -->
<a href="{config.relative_path}/user/{notifications.user.userslug}"><div class="user-icon" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
<a href="{config.relative_path}/user/{notifications.user.userslug}"><div class="pull-left avatar avatar-md avatar-rounded" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
<!-- ENDIF notifications.image -->
<div class="pull-right mark-read" aria-label="Mark Read"></div>

Write Preview
Loading…
Cancel
Save