Browse Source

Style fixes

Reverted dialog photo size
Increase conversation photos size
Updated unread dialog badge and conversations list badge
master
Igor Zhukov 10 years ago
parent
commit
544677135c
  1. 10
      app/css/app.css
  2. 19
      app/css/desktop.css

10
app/css/app.css

@ -1099,7 +1099,7 @@ a.im_dialog_selected .im_dialog_message_text {
height: 8px; height: 8px;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
margin: 10px 0 0; margin: 12px 0 0;
} }
a.im_dialog:hover .im_dialog_unread, a.im_dialog:hover .im_dialog_unread,
@ -1235,19 +1235,19 @@ a.im_dialog_selected .im_dialog_date {
.im_message_from_photo, .im_message_from_photo,
.im_message_contact_photo, .im_message_contact_photo,
.im_message_fwd_photo { .im_message_fwd_photo {
width: 34px; width: 36px;
height: 34px; height: 36px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
} }
.im_message_from_photo .peer_initials, .im_message_from_photo .peer_initials,
.im_message_contact_photo .peer_initials, .im_message_contact_photo .peer_initials,
.im_message_fwd_photo .peer_initials { .im_message_fwd_photo .peer_initials {
line-height: 34px; line-height: 36px;
} }
a.im_message_from_photo, a.im_message_from_photo,
a.im_message_contact_photo { a.im_message_contact_photo {
margin: 1px 12px 0 0; margin: 0 12px 0 0;
} }
.non_osx .im_message_contact_name { .non_osx .im_message_contact_name {
font-size: 12px; font-size: 12px;

19
app/css/desktop.css

@ -558,11 +558,11 @@ a.im_panel_peer_photo .peer_initials {
.im_panel_peer_online { .im_panel_peer_online {
background: #6ec26d; background: #6ec26d;
border: 1px solid #FFF; border: 2px solid #FFF;
display: block; display: block;
width: 11px; width: 14px;
height: 11px; height: 14px;
border-radius: 6px; border-radius: 7px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
margin-top: -12px; margin-top: -12px;
@ -995,21 +995,18 @@ a.im_panel_peer_photo .peer_initials {
padding-right: 18px; padding-right: 18px;
} }
.im_dialog_photo { .im_dialog_photo {
width: 50px; width: 48px;
height: 50px; height: 48px;
line-height: 50px; line-height: 48px;
border-radius: 50%; border-radius: 50%;
} }
div.im_dialog_photo { div.im_dialog_photo {
margin-right: 12px; margin-right: 12px;
} }
div.im_dialog_photo .peer_initials { div.im_dialog_photo .peer_initials {
line-height: 50px; line-height: 48px;
font-size: 18px; font-size: 18px;
} }
.im_dialog_peer {
margin-top: 4px;
}
.im_dialog_message { .im_dialog_message {
margin-top: 5px; margin-top: 5px;
} }

Loading…
Cancel
Save