diff -r 448072405613 -r d1a43750fea2 src/ztfy/myams/resources/css/myams.css --- a/src/ztfy/myams/resources/css/myams.css Mon Mar 21 16:11:04 2016 +0100 +++ b/src/ztfy/myams/resources/css/myams.css Thu Sep 01 15:16:47 2016 +0200 @@ -7,7 +7,7 @@ * * Custom administration and application skin tools * Released under Zope Public License ZPL 1.1 - * ©2014 Thierry Florac + * ©2014-2016 Thierry Florac */ /* * Colors variations @@ -3640,7 +3640,7 @@ } .badge { font-size: 11px; - padding: 4px 6px 1px; + padding: 3px 6px 2px; } .label { padding: 0.3em .6em .1em; @@ -5503,6 +5503,12 @@ nav > ul > li > a > .badge.pull-right { margin-right: 15px; } +.minified nav > ul > li > a > .badge.pull-right { + position: absolute; + margin-right: 0; + top: 0.4em; + right: 5px; +} nav > ul > li > a b { position: absolute!important; visibility: hidden; @@ -5745,7 +5751,7 @@ top: 48px; left: 16px; width: 344px; - height: 435px; + height: 452px; border-radius: 0; -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); @@ -5756,7 +5762,7 @@ @media only screen and (min-width: 320px) and (max-width: 479px) { .ajax-dropdown { width: 299px; - height: 320px; + height: 337px; left: 0; top: 49px; } @@ -5775,31 +5781,33 @@ border-color: rgba(131, 131, 131, 0); border-bottom-color: #838383; border-width: 8px; - left: 50%; + right: 8px; margin-left: -8px; } @media only screen and (min-width: 320px) and (max-width: 479px) { .ajax-dropdown:before { margin-left: -14px; + right: 13px; } } .ajax-dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; - left: 50%; + right: 9px; margin-left: -7px; } @media only screen and (min-width: 320px) and (max-width: 479px) { .ajax-dropdown:after { margin-left: -13px; + right: 14px; } } .ajax-dropdown > :last-child { font-size: 13px; display: block; padding: 5px 0; - line-height: 22px; + line-height: 20px; font-weight: 400; } .ajax-dropdown > :first-child { @@ -5811,7 +5819,7 @@ border-radius: 50%; display: block; margin: 0 auto; - width: 46px; + width: 80px; text-align: center; color: #D1D1D1; border-color: #D1D1D1; @@ -7089,15 +7097,20 @@ display: block; min-height: 25px; overflow: hidden; - padding: 8px 10px 13px; + padding: 8px 8px 10px; white-space: normal; } .notification-body > li > span:hover { background: #F0F4F7; color: #667F8F; } +.notification-body > li > span > a > span.msg-body, +.notification-body > li > span > a > span.subject { + height: auto; + line-height: normal; +} .notification-body > li a.msg { - padding-left: 50px!important; + padding-left: 40px!important; } .notification-body > li a, .notification-body > li a span { @@ -7123,7 +7136,7 @@ color: #333; font-weight: 400; margin-right: 60px; - margin-bottom: 6px; + margin-bottom: 3px; height: 20px; text-overflow: ellipsis; white-space: nowrap; @@ -7149,8 +7162,6 @@ color: #A0A0A0; max-height: 35px; width: 100%; - text-overflow: ellipsis; - white-space: nowrap; overflow: hidden; } .notification-body .subject { @@ -16793,7 +16804,7 @@ -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); display: block; - height: 270px; + min-height: 270px; overflow-y: scroll; overflow-x: hidden; padding: 10px; @@ -16807,17 +16818,22 @@ margin: 0; padding: 0; } -.chat-body li:first-child { - margin-top: 10px; -} .chat-body li.message { display: block; position: relative; - margin: 20px 20px 0; + padding: 10px; + margin: 2px; +} +.chat-body li.message:hover { + background-color: #eee; +} +.chat-body li.message.request, +.chat-body li.message.request:hover { + background-color: #e4e4e4; } .chat-body li.message img { display: inline-block; - border-left: 4px solid #fff; + border-left: 4px solid transparent; position: absolute; } .chat-body li.message img.online { @@ -16839,16 +16855,16 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; - margin-left: 65px; + margin-left: 50px; line-height: normal; } .chat-body li.message .message-text time { position: absolute; - top: 1px; - right: 0; + top: 3px; + right: 5px; font-size: 10px; line-height: 10px; - color: #AFAFAF; + color: #a1a1a1; } .chat-body li.message .message-text .chat-file { display: block; @@ -16891,7 +16907,7 @@ width: 150px; } } -.chat-body li.message .message-text a.username { +.chat-body li.message .message-text .username { display: block; font-weight: 700; margin-bottom: 4px;