seitime-frappe/frappe/public/css/chat.css
Achilles Rasquinha 005cfe3dc8 🎉 NEW Frappe Chat (#4612)
* added doctypes, created frappe chat ui

* added component layout with state-like abilities, added apis

* updated user doctype, moved from state-like feature and component abstraction

* added room component

* fixed publish_realtime with after_commit = True

* created room component and searchbar

* minor fix

* functional message parsing

* update

* Added Chat Profile

* added chat message

* more changes into chat room

* fixed APIs, added client side scripting

* added chat message attachements, more doc updates

* Brand New UI with socket io room integration

* completed socketio integration. off to room subscription and publish

* realtime room update

* raw update

* initialized docs, added p2p connection for call tests

* updated docs

* added coverage, updated api for ease of use

* raw commit

* added test cases

* Chat Room updates and new room creation

* added chat group creation

* added collapsible plugin

* toggable room view

* updated

* [RAW]

* updated UI for chat

* Deleted Previous Chat Page

* moved from frappe.Chat.Widget to frappe.Chat

* modularized frappe-fab

* added more docstrings

* tried adding conversation tones

* Added conversation_tones and refurbished chat popper

* modified frappe.ui.Dialog, moved from AppBar to ActionBar, responsive for Mobile 💃

* moved RoomList item namespace

* Configurable Desktop update, moved profile updates to on_update

* added state change listeners

* removed AppBar to ActionBar customizable 💃

* added destroy method

* removed coverage, refactored group creation

* Successful Chat Rooms and Group creation

* sort rows based on last_message_timestamp or creation

* added frappe._.compare

* removed redundant less variables

* Chat Room back button with custom routing and destroy methods

* Added EmojiPicker

* fixed multiple dialog render

* setup quick access

* added chat chime, functional chat message list updates at room list

* deleted package-lock.json

* realtime date updates

* updated chat message list

* functional message render and updates

* added track seen

* added typing status

* updated typing status

* valid typing statuses and quick search

* Functional Quick Search

* reverted fix

* some more cleanup and promisifed

* fixed hints close on click

* updated fab boldness

* close popper on click panel

* close popper on click panel

* reverted octicon-lg, fixed popper heading click

* new frappe capture

* removed webcamjs

* added uploader and capture

* removed chat FAB, added as notification instead

* on message update
2017-12-28 18:58:43 +05:30

121 lines
2.7 KiB
CSS

.font-bold {
font-weight: 700;
}
.font-heavy {
font-weight: 900;
}
.cursor-pointer {
cursor: pointer;
}
.avatar {
padding: 1px;
}
.frappe-fab {
width: 48px;
height: 48px;
border-radius: 50%;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}
.frappe-fab:hover {
box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.25);
}
.frappe-fab.frappe-fab-sm {
width: 40px;
height: 40px;
}
.frappe-fab.frappe-fab-lg {
width: 56px;
height: 56px;
}
.frappe-chat .panel {
margin-bottom: 0px !important;
}
.frappe-chat .panel .panel-heading {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
}
.frappe-chat .panel .panel-body {
padding: 10px;
}
.frappe-chat .panel .frappe-chat-room-footer {
position: absolute;
bottom: 0px;
}
.frappe-chat .frappe-chat-form .form-control {
font-size: 12px;
}
.frappe-chat .frappe-chat-form .dropdown-menu {
border-radius: 4px;
}
.frappe-chat .frappe-chat-form .btn {
border-radius: 0px !important;
}
.frappe-chat .frappe-chat-form .list-group {
margin-bottom: 0px !important;
max-height: 150px;
overflow-y: auto;
}
.frappe-chat .frappe-chat-form .list-group .list-group-item:first-child,
.frappe-chat .frappe-chat-form .list-group .list-group-item:last-child {
border-radius: 0px !important;
}
.frappe-chat-popper {
position: fixed;
bottom: 0px;
right: 0px;
margin: 20px;
z-index: 1035;
}
.frappe-chat-popper .frappe-chat-popper-collapse {
position: fixed;
bottom: 0px;
right: 0px;
margin: 20px;
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel {
position: relative;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
width: 350px;
height: 500px;
overflow-y: auto;
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel .panel-body {
width: 350px;
height: 500px;
overflow-y: auto;
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel > .panel-heading {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel > .panel-heading .action {
padding: 5px;
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel > .panel-heading a {
color: #FFF;
}
.frappe-chat-popper .frappe-chat-popper-collapse > .panel > .panel-heading .text-muted {
color: #FFF !important;
}
.frappe-chat-popper .frappe-chat-popper-collapse .panel-span {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1037;
overflow: auto;
border-radius: none;
}
.frappe-chat-emoji .dropdown-menu {
min-width: 250px;
background: none !important;
border: none !important;
}
.frappe-chat-emoji .panel {
margin-bottom: 0 !important;
height: 300px;
}
.frappe-chat-emoji .panel .form-group {
margin-bottom: 0 !important;
}