diff options
| author | Jérome Maes <jem@openerp.com> | 2015-06-01 16:37:07 +0200 |
|---|---|---|
| committer | Aaron Bohy <aab@odoo.com> | 2015-09-01 20:16:08 +0200 |
| commit | 4af96310721237d3640bbd162ff9ea84e627028d (patch) | |
| tree | 2deb74fa477c9ea33b1a0a65199b96e2d6e5f02b /addons/mail/static/src/css | |
| parent | 5907be1f335dc21934619a34fc928a19e7885211 (diff) | |
[MOV] mail, im_chat : move files and code from im_chat to mail and bus
- im_chat.session will be replaced by mail.channel
- im_chat.shortode is renamed into mail.shortcode
- im_chat.presence is moved to bus module
- js and controller code is moved from im_chat to mail module
This commit only move files, and modify manifests, bundles, ... The code will be adapt in the next commits.
Diffstat (limited to 'addons/mail/static/src/css')
| -rw-r--r-- | addons/mail/static/src/css/mail_chat_backend.css | 114 | ||||
| -rw-r--r-- | addons/mail/static/src/css/mail_chat_common.css | 259 |
2 files changed, 373 insertions, 0 deletions
diff --git a/addons/mail/static/src/css/mail_chat_backend.css b/addons/mail/static/src/css/mail_chat_backend.css new file mode 100644 index 00000000000..d01577eb56a --- /dev/null +++ b/addons/mail/static/src/css/mail_chat_backend.css @@ -0,0 +1,114 @@ +.oe_im { + position: fixed; + 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 { + .oe_im, .oe_im_chatview { + visibility: hidden; + } +} +/* button */ +.oe_systray #oe_topbar_imbutton_icon { + color: white; +} +.oe_topbar_item.oe_topbar_imbutton .fa { + position: relative; + top: -8px; +} + +/* search stuff */ +.oe_im_frame_header { + position: relative; + padding: 16px; +} +.oe_im_frame_header .oe_im_searchbox { + width: 200px; + padding: 1px 21px 1px 19px; + font-size: 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: 28px; + left: 8px; + font-size: 16px; + font-weight: 300 !important; +} +.oe_im_frame_header .oe_im_search_clear { + display: none; + position: absolute; + right: 11px; + top: 4px; + font-size: 26px; + color: #b6b6b6; + cursor: pointer; +} +.oe_im_frame_header .oe_im_search_clear:hover { + color: #888; +} + +/* users */ + +.oe_im_users { + padding-bottom: 38px; + height: 100%; + overflow-y: scroll; +} +.oe_im_user { + position: relative; + padding: 2px 8px; + cursor: pointer; + font-size: 13px; + margin-bottom: 10px; +} +.oe_im_user:hover { + background: lightGrey; +} +.oe_im_user_clip { + display: inline-block; + width: 26px; + height: 26px; + margin-right: 4px; + -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); +} +.oe_im_user_avatar { + width: 26px; + height: auto; +} +.oe_im_user_name { + width: 162px; + line-height: 26px; + padding-right: 15px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + position: relative; +} + +.oe_im_user_online { + display: none; + position: absolute; + top: 9.5px; + right: 11px; + width: 11px; + height: 11px; + vertical-align: middle; + border: 0; +} diff --git a/addons/mail/static/src/css/mail_chat_common.css b/addons/mail/static/src/css/mail_chat_common.css new file mode 100644 index 00000000000..1ad2981eb41 --- /dev/null +++ b/addons/mail/static/src/css/mail_chat_common.css @@ -0,0 +1,259 @@ + + + +.openerp_style { /* base style of openerp */ + font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; + color: #4c4c4c; + font-size: 13px; + background: white; +} + +/* button */ + +.oe_chat_button { + position: fixed; + bottom: 0px; + right: 6px; + display: inline-block; + min-width: 100px; + background-color: rgba(60, 60, 60, 0.6); + font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; + font-size: 14px; + font-weight: bold; + padding: 10px; + color: white; + text-shadow: rgb(59, 76, 88) 1px 1px 0px; + border: 1px solid rgb(80, 80, 80); + border-bottom: 0px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + cursor: pointer; + z-index:500; +} + +/* conversations */ + +.oe_im_chatview { + position: fixed; + overflow: hidden; + margin-bottom: 5px; + margin-right: 6px; + 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; + width: 100%; + background: #E8EBEF; + padding: 5px; + font-size: 11px; + color: #999; + line-height: 14px; + height: 28px; + overflow: hidden; +} +.oe_im_chatview.oe_im_chatview_disconnected_status .oe_im_chatview_disconnected { + display: block; +} + + + +/* ####### Chat View : Header ####### */ +.oe_im_chatview_header { + padding: 3px 6px 2px; + background: #DEDEDE; + background: -moz-linear-gradient(#FCFCFC, #DEDEDE); + background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE)); + border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; + border-bottom: 1px solid #AEB9BD; + cursor: pointer; +} + +.oe_im_chatview_header .header_name{ + max-width: 75%; + word-wrap: break-word; + display: inline-block; + height: 15px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.oe_im_chatview_header .right_buttons { + float: right; +} +.oe_im_chatview_header .right_buttons > * { + display: inline-block; + border: 0; + cursor: pointer; + color: gray ; + background: transparent; + font-size: 16px; + line-height: 16px; + margin-left: 5px; + -webkit-appearance: none; +} + +.oe_im_chatview_header .right_buttons .dropdown-menu{ + right: 0; + left: auto; +} +.oe_im_chatview_header .right_buttons .dropdown-menu > li{ + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #4c4c4c; + white-space: nowrap; +} + + + +.oe_im_chatview .oe_im_chatview_content { + overflow: auto; + height: 287px; + width: 240px; +} +.oe_im_chatview.oe_im_chatview_disconnected_status .oe_im_chatview_content { + height: 249px; +} +.oe_im_chatview .oe_im_chatview_footer { + position: relative; + padding: 3px; + border-top: 1px solid #AEB9BD; + background: #DEDEDE; + background: -moz-linear-gradient(#FCFCFC, #DEDEDE); + background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE)); + -moz-border-radius: 0 0 3px 3px; + -webkit-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.oe_im_chatview .oe_im_chatview_input { + width: 222px; + font-family: Lato, Helvetica, sans-serif; + font-size: 13px; + color: #333; + padding: 1px 5px; + border: 1px solid #AEB9BD; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.2); + -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); +} +.oe_im_chatview .oe_im_chatview_message_bubble { + background: white; + position: relative; + min-height: 32px; + padding: 3px; + margin: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* Smiley size */ +.oe_im_chatview .oe_im_chatview_bubble_item img{ + width: 18px; +} + +.oe_im_chatview .oe_im_chatview_technical_bubble { + background: #D8D8D8; + position: relative; + min-height: 32px; + padding: 3px; + margin: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + + font-style:italic; +} + +.oe_im_chatview .oe_im_chatview_clip { + position: relative; + float: left; + width: 26px; + height: 26px; + margin-right: 4px; + -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); +} +.oe_im_chatview .oe_im_chatview_avatar { + float: left; + width: 26px; + height: auto; + clip: rect(0, 26px, 26px, 0); + max-width: 100%; + width: auto 9; + height: auto; + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} +.oe_im_chatview .oe_im_chatview_time { + position: absolute; + right: 0px; + top: 0px; + margin: 3px; + text-align: right; + line-height: 13px; + font-size: 11px; + color: #999; + width: 60px; + overflow: hidden; +} +.oe_im_chatview .oe_im_chatview_from { + margin: 0 0 2px 0; + line-height: 14px; + font-weight: bold; + font-size: 12px; + width: 140px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + color: #3A87AD; +} +.oe_im_chatview .oe_im_chatview_bubble_list { +} +.oe_im_chatview .oe_im_chatview_bubble_item { + margin: 0 0 2px 30px; + line-height: 14px; + word-wrap: break-word; +} + +.oe_im_chatview_online { + margin-top: -4px; + width: 11px; + height: 11px; +} + +.oe_im_chatview .oe_im_chatview_date_separator { + background: transparent; + position: relative; + padding: 3px; + color: #aaa; + margin: 3px; + text-align: right; + font-size: 12px; +}
\ No newline at end of file |
