From 5b89a929a710c053dceb8317f4cea616e96443f6 Mon Sep 17 00:00:00 2001 From: Simon Lejeune Date: Tue, 16 Jun 2015 16:09:28 +0200 Subject: [PATCH] [IMP] im_livechat: style of chat and kanban view of livechat channels - restyle the search field of livechat, more space between contacts, etc. - kanban view should fit the style of new kanban views - new images for status --- .../static/src/css/im_chat_backend.css | 37 ++++++++-------- .../im_chat/static/src/css/im_chat_common.css | 22 ++++++---- addons/im_chat/static/src/img/green.png | Bin 830 -> 1239 bytes addons/im_chat/static/src/img/yellow.png | Bin 855 -> 1235 bytes addons/im_chat/static/src/xml/im_chat.xml | 2 +- .../views/im_livechat_channel_views.xml | 40 ++++++++---------- 6 files changed, 52 insertions(+), 49 deletions(-) diff --git a/addons/im_chat/static/src/css/im_chat_backend.css b/addons/im_chat/static/src/css/im_chat_backend.css index d9f7a70b955..d01577eb56a 100644 --- a/addons/im_chat/static/src/css/im_chat_backend.css +++ b/addons/im_chat/static/src/css/im_chat_backend.css @@ -1,10 +1,12 @@ - .oe_im { position: fixed; - background-color: #E8EBEF; - width: 220px; + background-color: #eaeaea; + width: 250px; border-left: 1px solid #AEB9BD; z-index: 500; + -webkit-box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25); + -moz-box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25); + box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25); } @media print { @@ -24,25 +26,26 @@ /* search stuff */ .oe_im_frame_header { position: relative; - background: #dedede; - background: -moz-linear-gradient(#fcfcfc, #dedede); - background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede)); - border-bottom: 1px solid border-color !important; - padding: 5px; + padding: 16px; } .oe_im_frame_header .oe_im_searchbox { - width: 168px; + width: 200px; padding: 1px 21px 1px 19px; font-size: 13px; - -moz-border-radius: 13px; - -webkit-border-radius: 13px; - border-radius: 13px; + border: none; + border-bottom: 1px solid #c6c6c6; + background: none; + margin-left: 20px; + height: 38px; +} +.oe_im_frame_header .oe_im_searchbox:focus { + outline: none; } .oe_im_frame_header .oe_im_search_icon { position: absolute; color: #888; - top: 9px; - left: 10px; + top: 28px; + left: 8px; font-size: 16px; font-weight: 300 !important; } @@ -68,10 +71,10 @@ } .oe_im_user { position: relative; - padding: 2px 6px; + padding: 2px 8px; cursor: pointer; font-size: 13px; - margin-bottom: 3px; + margin-bottom: 10px; } .oe_im_user:hover { background: lightGrey; @@ -108,4 +111,4 @@ height: 11px; vertical-align: middle; border: 0; -} \ No newline at end of file +} diff --git a/addons/im_chat/static/src/css/im_chat_common.css b/addons/im_chat/static/src/css/im_chat_common.css index 1ee017e00e6..1ad2981eb41 100644 --- a/addons/im_chat/static/src/css/im_chat_common.css +++ b/addons/im_chat/static/src/css/im_chat_common.css @@ -6,7 +6,6 @@ color: #4c4c4c; font-size: 13px; background: white; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } /* button */ @@ -39,16 +38,23 @@ overflow: hidden; margin-bottom: 5px; margin-right: 6px; - background: rgba(60, 60, 60, 0.8); - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3); - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3); + background-color: #fff; + border: 1px solid #DEDEDE; width: 240px; z-index:500; } +@media screen and (max-width:360px) { + .oe_im_chatview { + width: 100%; + margin-right: 0; + } + .oe_im_chatview .oe_im_chatview_content { + width: 100% !important; + } + .oe_im_chatview .oe_im_chatview_input { + width: 100% !important; + } +} .oe_im_chatview .oe_im_chatview_disconnected { display:none; z-index: 100; diff --git a/addons/im_chat/static/src/img/green.png b/addons/im_chat/static/src/img/green.png index 01fb373c251cb73e1d2c65ea0b18ee64b40f6302..0700a5ef71bd6a5ef18c4de0b7677d6f53ec9395 100644 GIT binary patch literal 1239 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`Gjk|nMYCBgY=CFO}lsSJ)O`AMk? zp1FzXsX?iUDV2pMQ*9U+n3Xd_B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+* zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxR5#hc&_u!9QqR!T z(8R(}N5ROz&{*HVSl`fC*U-qyz|zXlQ~?TIxIyg#@@$ndN=gc>^!3Zj z%k|2Q_413-^$jg8E%gnI^o@*kfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5 zFD$Tv3bSNU;+l1ennz|zM-B0$V)JVzP|XC=H|jx7ncO3BHWAB;NpiyW)Z+ZoqGVvir744~DzI`cN=+=uFAB-e&w+(vKt_H^esM;Afr7KMf`)Hma%LWg zuL;)R>ucqiS6q^qmz?V9Vygr+LN7Bj#md>$$<@`=(!$Nc(aF%z)da{ebulz`votg_ zbha=thUs<5PcF?(%`1WFO+o0j#HkmQ7IF)KHoK%2WtOF;xE1B+DuDfLm5IeI2BroE zX3hp6^Bl3e1)?_vi(8<29dYW_2RcR{6thS%4HE(;9}p9sZh;(l%1_M$Cify>y7o1; zEMZ_^^zw9Z45_%aW!hdpCP$Ihba(HU2ZWNe_ps3i?~jf|!rSd7v>-(oIb z@Q%xZRrdJGNz>SGmHg$LP+oVM_x3dR@H*26liYn)A1Re(6FD%`bN>@IF`cJjiU}{b z{pr}UN{3PPXu~9y6jA1)YZ}v8YBYb@>sEJ!@v1%uHC&K?GmDw^=cZoo11vULEFHx{ z_ZF$mSgtYu^3U5!DMFzKl~{i^>DgQHSILMSoc4(=Hd{SPT&DS^eY|%ovwE4D{bu{G zLi5xf+*8`oulLSM?vv$#+1mBdE*s8&<*!>%dvDrA?Z55~j0`GP_N#WMJEVb%8c$b0 Jmvv4FO#r}9q8P)MUJT8>b9gTq?~7${q@YpogrN zF*KdAvRsK4vyF%>D)cdWlb|Q({yX155f**$<9wX&|Ko7axomM+tC?u67PM(j!JOt0 zk_qZ*k7n$DwNYYWnQleNwnk%jX}e`=Z)f5>K|Sr!j57a})2o>w%_+9*J-=?Q@n+sa z=TMn^WugYeIo{JA%_u|JzfPus{jznwd7vnGVWbRQ9PwvzGT;rQ!|P9jXD}7@{V9-oldzv>C`%5xjBdEFb;XqPW|F+; zmI{tO6D0p?NC7jXp#;9h!|gZ0c_$9`-WcreQNq!aD3e1jqh~5UvvS_mYr+28(I_8K z!ak%%)jiHI=e`=1ytf5ZIM5%BeZDBTd=`*HE=zZa$;D@5=G_D4P^jvG63#Id+>>e? ze54^ly<=2`%3&oc29bWMQ-R4H#bCf+j~q4H50~=T>nZ3?>jvjXO`nA$NN@~`WHG# zk2R3S46xlWEs#TQ=ovHIVo70#X0~?36s+Z^HE`kBM*~jG#o)xO5se>~!}CUuL(jB0 z^w1P6XxGe=^ZVCcTgJkzRpObQUE1$;ld-b*4VPw&X!^qW%=`BSG`u#Vb|O~ZaY_3< z#U^&F+QuT-AEk)3vZVF9#H+cdqrTdF`k*v!kUi5z5C_K$as}VZX^Z-nSR!86TUZu% zR2+d5Dv_fOQ?evWuF#ZfQv|Y)M|{ffjQl}lH${9&DOU`ew+d~FWg$6^vy?3=ffK$| z#WcnZY;9bYuql4Cuswd0P#l{fY|*b_8^a=*k!O~1mi&@_0vhppf`ieE;{X5v07*qo IM6N<$g6mO}LI3~& diff --git a/addons/im_chat/static/src/img/yellow.png b/addons/im_chat/static/src/img/yellow.png index 4ee901175708f1c4b254e1194f9aad810a66725f..726570e518f124d84a3c9cf6f93be3fe846b4cbe 100644 GIT binary patch literal 1235 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`Gjk|nMYCBgY=CFO}lsSJ)O`AMk? zp1FzXsX?iUDV2pMQ*9U+n3Xd_B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+* zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxR5#hc&_u!9QqR!T z(8R(}N5ROz&{*HVSl`fC*U-qyz|zXlQ~?TIxIyg#@@$ndN=gc>^!3Zj z%k|2Q_413-^$jg8E%gnI^o@*kfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5 zFD$Tv3bSNU;+l1ennz|zM-B0$V)JVzP|XC=H|jx7ncO3BHWAB;NpiyW)Z+ZoqGVvir744~DzI`cN=+=uFAB-e&w+(vKt_H^esM;Afr7KMf`)Hma%LWg zuL;)R>ucqiS6q^qmz?V9Vygr+LN7Bj#md0cz`)Gez}(Hk(b3S*)x^Th!qmmk)Xmb+ z%+T4w#2BX6B|o_|H#M&WrZ)wl7pMh?UQk-dEdbi=l3J8mmYU*Ll%J~r_On$cZnv1? zG!Lpb1-DzwaO%|uIz}H9vq&)w69Oh55EGtmfgE_sPt5}+_ab1r-qex(fPsP0&C|s( zq~g|=X&e0x1&FlWKD}zTLDHiYdsy@x4mD*&%d?QlvfzzR5N_H&kI(jGX zI_MVkga2ptgfC{T-{w5=p8W0G@8bNt_baWxyZO01J!q=YR6K#z`va@pLFpIG{Id^i zW$D<#sipAPW%~IEY#++xXH5|IN?=--bb`6Pr}nw2(E~A_0~Pi7~_Fr__kRdkrMIYInx zvuoEU*17fWEhUSjH+VVjTXg#NTXtJBZu^CM{K7Nbvm1?O$nVfGHJfu{p3Re=SGp~w z=O^nsn7@m6y^-I|QMBj(S^knUca64kUSr~6h~{vcZT#{{E~uFCboFyt=akR{0B_B) AUjP6A literal 855 zcmV-d1E~CoP)uV%U`1bMV=O_ZG(zVvNfzHQEb$2>mPCM^?bUp;$s7*wR6I0QA7|I+#n)#{NV5(x7ApG_}iWRFP-Dl8}I+s z1Td$V-+tvv<(;z=muvZW#ssDy;PE~~G?dVkv^ZKFo1AVh)HjCdt5+(wZ>_YQxwbT` zB69V)%f;&xwTm@RrXnHM^~u};)(voWfb~PttSxa|4fBQGg~p>~aOFrcO?kXR2p{MWCd{NV!r8=L1tvA;7r==Q5nj z@ZSDseTwskc<(Wq(@G_rH%7{Va}~-xj&@n%L-|^4R7uWZ8({ic0yD(OKDl{4k zqKE{5!}%1jq_*QXAO70E^Hb;Zdu#nKKKtZRY5;z@y)VF4doPQFs4+V_HXJ#=Lb3LM zVY20W{XhKOyT7+?e%Jc?)=K-UA6DACKyva63KUCaGyU4@<5!>V-~*zVqL)>^+m h*zWag7f1jL@Gs$eSmv7=Qvd(}002ovPDHLkV1jP=jx_)P diff --git a/addons/im_chat/static/src/xml/im_chat.xml b/addons/im_chat/static/src/xml/im_chat.xml index 80447cc38d0..eb479863b3e 100644 --- a/addons/im_chat/static/src/xml/im_chat.xml +++ b/addons/im_chat/static/src/xml/im_chat.xml @@ -96,7 +96,7 @@
  • - +
    • diff --git a/addons/im_livechat/views/im_livechat_channel_views.xml b/addons/im_livechat/views/im_livechat_channel_views.xml index 90fd6e012fd..02f2a889133 100644 --- a/addons/im_livechat/views/im_livechat_channel_views.xml +++ b/addons/im_livechat/views/im_livechat_channel_views.xml @@ -32,30 +32,24 @@ -
    -
    -
    -
    - -
    +
    +
    + +
    +
    + +
    +

    + + Operators +
    + + Sessions +

    -
    -

    -
    -

    - - Operators - -
    - - Sessions - -

    -
    - - -
    -
    +
    + +