1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-24 10:12:18 -05:00

Fix: Multiline style

This commit is contained in:
Sébastien Hut 2015-04-09 21:13:14 +02:00
parent c261f69981
commit 44e436c07a
2 changed files with 13 additions and 12 deletions

View File

@ -1362,6 +1362,10 @@ button.secondary:hover:not(:disabled) {
vertical-align: top; vertical-align: top;
position: relative; position: relative;
} }
.messages .messageWrapper:hover .date {
color: #9e9ea6;
font-weight: bolder;
}
.messages .messageWrapper .message_header .name { .messages .messageWrapper .message_header .name {
display: inline-block; display: inline-block;
margin-right: 0.25rem; margin-right: 0.25rem;
@ -1437,22 +1441,18 @@ button.secondary:hover:not(:disabled) {
color: #88d5f7; color: #88d5f7;
} }
.messages .message .date { .messages .message .date {
display: inline-block;
color: #babbbf; color: #babbbf;
font-size: 12px; font-size: 12px;
width: 60px; width: 60px;
line-height: 22px; line-height: 22px;
text-transform: uppercase; text-transform: uppercase;
cursor: pointer; cursor: pointer;
position: relative; position: absolute;
left: -55px; left: -40px;
visibility: hidden; visibility: hidden;
} }
.messages .message .body { .messages .message .body {
display: inline-block;
word-break: break-word; word-break: break-word;
position: relative;
left: -60px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }

View File

@ -367,6 +367,11 @@
vertical-align: top vertical-align: top
position: relative position: relative
&:hover
.date
color: $gray
font-weight: bolder
.message_header .message_header
.name .name
@ -440,22 +445,18 @@
color: $blue-light color: $blue-light
.date .date
display: inline-block
color: $gray-light color: $gray-light
font-size: $font-size-small font-size: $font-size-small
width: 60px width: 60px
line-height: 22px line-height: 22px
text-transform: uppercase text-transform: uppercase
cursor: pointer cursor: pointer
position: relative position: absolute
left: -55px left: -40px
visibility: hidden visibility: hidden
.body .body
display: inline-block
word-break: break-word word-break: break-word
position: relative
left: -60px
margin: 0 margin: 0
padding: 0 padding: 0