From e4358b65cdceb21dcf687de0597b4d2da3ce51d1 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Mon, 30 Apr 2012 14:59:54 +0200 Subject: [PATCH] Redesigned online status display --- wcfsetup/install/files/style/message.less | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less index 797bb82918..946a483282 100644 --- a/wcfsetup/install/files/style/message.less +++ b/wcfsetup/install/files/style/message.less @@ -214,6 +214,19 @@ .userAvatar { display: inline-block; margin: @wcfGapSmall 0 0; + position: relative; + text-align: left; + + > .badgeOnline { + border-bottom: 1px solid #fff; + bottom: 7px; + position: absolute; + right: -7px; + text-transform: uppercase; + + //.borderRadius(0); + .boxShadow(0, 1px, rgba(0, 0, 0, .3), 7px); + } } .userCredits { @@ -232,18 +245,18 @@ } } - &.online { + /*&.online { .userAvatar { .boxShadow(0, 0, @wcfSuccessBackgroundColor, 10px); - /* todo */ + // todo -webkit-animation-name: onlineStatus; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; } - } + }*/ } .message { @@ -281,11 +294,11 @@ li:nth-child(2n+1) .message { } /* todo */ -@-webkit-keyframes onlineStatus { +/*@-webkit-keyframes onlineStatus { 0% { -webkit-box-shadow: 0 0 10px @wcfSuccessBackgroundColor; } 100% { -webkit-box-shadow: 0 0 20px @wcfSuccessBackgroundColor; } -} \ No newline at end of file +}*/ \ No newline at end of file -- 2.20.1