Commit 037345380ac0081f347445e3aee283aecc1865c3

Authored by Matheus Figueiredo
1 parent 0c2fd33f

Fixing the stylesheet for converse chat

Showing 1 changed file with 102 additions and 0 deletions   Show diff stats
src/colab/static/css/screen.css
... ... @@ -227,3 +227,105 @@ img.center {
227 227 padding-top: 2px;
228 228 }
229 229  
  230 +/* Converse JS*/
  231 +
  232 +#chatpanel form#converse-login {
  233 + padding: 0;
  234 +}
  235 +
  236 +#chatpanel form#converse-login input, #chatpanel form#converse-login label {
  237 + margin: 3px;
  238 +}
  239 +
  240 +form.sendXMPPMessage textarea {
  241 + max-width: 189px;
  242 + max-height: 80px;
  243 + border: 1px solid #999999;
  244 + border-radius: 0 0 4px 4px;
  245 + background: none repeat scroll 0 0 padding-box white;
  246 +}
  247 +
  248 +.chat-area form.sendXMPPMessage textarea {
  249 + width: 189px;
  250 + max-width: 285px;
  251 + max-height: 60px;
  252 +}
  253 +
  254 +#collective-xmpp-chat-data form.sendXMPPMessage {
  255 + background: none;
  256 + border: none;
  257 +}
  258 +
  259 +#collective-xmpp-chat-data .chat-content {
  260 + border-width: 0;
  261 +}
  262 +
  263 +#collective-xmpp-chat-data .chatbox {
  264 + background-color: #FFF;
  265 +}
  266 +
  267 +#controlbox #converse-roster {
  268 + top: -7.5px;
  269 +}
  270 +
  271 +#collective-xmpp-chat-data .chatbox dl.dropdown {
  272 + margin-bottom: 15px;
  273 + margin-top: -10px;
  274 +}
  275 +
  276 +.chatbox dl.dropdown {
  277 + margin-left: 0.5em;
  278 +}
  279 +
  280 +#collective-xmpp-chat-data .chat-head-chatbox, .chat-head-chatroom {
  281 + height: 40.5px;
  282 +}
  283 +
  284 +#chatrooms form.add-chatroom {
  285 + padding: 0;
  286 +}
  287 +
  288 +img.spinner {
  289 + display: none;
  290 + background: blue;
  291 +}
  292 +
  293 +#chatpanel #toggle-controlbox {
  294 + font-size: 120%;
  295 + padding: 0 4px 5px;
  296 +}
  297 +
  298 +#chatpanel a{
  299 + text-decoration: none;
  300 +}
  301 +
  302 +.container #chatpanel {
  303 + height: 342px;
  304 +}
  305 +
  306 +div.chat-title {
  307 + font-size: 130%;
  308 +}
  309 +
  310 +form#set-custom-xmpp-status .custom-xmpp-status {
  311 + width: 136px;
  312 + margin: 0.5px;
  313 + padding: 2px;
  314 +}
  315 +
  316 +#fancy-xmpp-status-select #set-custom-xmpp-status button {
  317 + margin-left: 1px;
  318 + padding: 0;
  319 +}
  320 +
  321 +#xmpp-status-holder .fancy-dropdown {
  322 + height: 24.5px;
  323 +}
  324 +
  325 +#users #converse-roster {
  326 + height: 197.5px;
  327 +}
  328 +
  329 +#available-chatrooms .available-chatroom {
  330 + margin-left: 1px;
  331 +}
... ...