1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-26 03:02:25 -05:00

[ux] fix vertical centering of single messages

This commit is contained in:
karolinaszczur 2013-10-23 15:52:25 +02:00
parent 170429290d
commit e4d0da624a
3 changed files with 9 additions and 9 deletions

View File

@ -118,7 +118,7 @@
padding: 10px 0 padding: 10px 0
width: 100% width: 100%
min-height: 50px min-height: 50px
display: block display: table
borderbox() borderbox()
border-bottom: 1px solid $grayOutline border-bottom: 1px solid $grayOutline
@ -140,7 +140,9 @@
width: 1px width: 1px
.messageWrapper .messageWrapper
margin-left: 50px padding-left: 50px
display: table-cell
vertical-align: middle
.message .message
font-size: 12px font-size: 12px
@ -174,8 +176,6 @@
.body .body
display: inline display: inline
word-break: break-word word-break: break-word
padding: 0px
margin: 0px
.timestamp .timestamp
font-size: 10px font-size: 10px

View File

@ -771,7 +771,7 @@ h3 {
padding: 10px 0; padding: 10px 0;
width: 100%; width: 100%;
min-height: 50px; min-height: 50px;
display: block; display: table;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -802,7 +802,9 @@ h3 {
width: 1px; width: 1px;
} }
.messages .messageWrapper { .messages .messageWrapper {
margin-left: 50px; padding-left: 50px;
display: table-cell;
vertical-align: middle;
} }
.messages .message { .messages .message {
font-size: 12px; font-size: 12px;
@ -836,8 +838,6 @@ h3 {
.messages .message .body { .messages .message .body {
display: inline; display: inline;
word-break: break-word; word-break: break-word;
padding: 0px;
margin: 0px;
} }
.messages .message .timestamp { .messages .message .timestamp {
font-size: 10px; font-size: 10px;

View File

@ -1,5 +1,5 @@
CACHE MANIFEST CACHE MANIFEST
# 0.0.1 1382535083157 # 0.0.1 1382536313264
CACHE: CACHE:
/app.js /app.js