Skip to content

C
converse.js
Commit 891f291c authored by JC Brand's avatar JC Brand
Browse files
Options

Add new mockup specifically for minimized chats

parent 6a421af9
Expand all Show whitespace changes
Inline Side-by-side
Showing with 309 additions and 15 deletions
converse.css
View file @ 891f291c
...@@ -657,6 +657,27 @@ form.search-xmpp-contact input { ...@@ -657,6 +657,27 @@ form.search-xmpp-contact input {
padding: 3px 0 0 0; padding: 3px 0 0 0;
} }
.chat-head-message-count {
font-weight: bold;
position: absolute;
left: -6px;
top: -6px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #f6f6f6), color-stop(1, grey) );
background: -moz-linear-gradient(center top, yellow 5%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='#f6f6f6');
border: 3px solid rgb(79, 106, 114);
text-shadow: 1px 1px 0 #ccc;
color: darkred;
border-radius: 20%;
padding: 2px 10px;
font-size: 18px;
text-align: center;
}
.chat-head-chatroom .chat-head-message-count {
border: 3px solid #2D617A;
}
a.configure-chatroom-button, a.configure-chatroom-button,
a.toggle-chatbox-button, a.toggle-chatbox-button,
a.close-chatbox-button { a.close-chatbox-button {
...@@ -668,8 +689,8 @@ a.close-chatbox-button { ...@@ -668,8 +689,8 @@ a.close-chatbox-button {
-moz-box-shadow:inset 0 1px 0 0 #ffffff; -moz-box-shadow:inset 0 1px 0 0 #ffffff;
-webkit-box-shadow:inset 0 1px 0 0 #ffffff; -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
box-shadow:inset 0 1px 0 0 #ffffff; box-shadow:inset 0 1px 0 0 #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) ); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% ); background:-moz-linear-gradient(center top, #ffffff 5%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
-moz-border-radius:6px; -moz-border-radius:6px;
-webkit-border-radius:6px; -webkit-border-radius:6px;
...@@ -957,7 +978,7 @@ select#select-xmpp-status { ...@@ -957,7 +978,7 @@ select#select-xmpp-status {
/* single tab */ /* single tab */
.chat-head #controlbox-tabs li { .chat-head #controlbox-tabs li {
float:left; float: left;
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
text-shadow: white 0 1px 0; text-shadow: white 0 1px 0;
...@@ -965,16 +986,16 @@ select#select-xmpp-status { ...@@ -965,16 +986,16 @@ select#select-xmpp-status {
} }
ul#controlbox-tabs li a { ul#controlbox-tabs li a {
display:block; display: block;
font-size:12px; font-size: 12px;
height: 34px; height: 34px;
line-height:34px; line-height: 34px;
margin: 0; margin: 0;
text-align:center; text-align: center;
text-decoration:none; text-decoration: none;
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
color:#666; color: #666;
text-shadow: 0 1px 0 rgba(250, 250, 250, 1); text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
} }
......
mockup.html → mockup/index.html
View file @ 891f291c
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title id="pageTitle">Converse: Mockup</title> <title id="pageTitle">Converse.js: Mockup</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Converse.js: Open Source Browser-Based Instant Messaging" /> <meta name="description" content="Converse.js: Chat Client for Websites" />
<link type="text/css" rel="stylesheet" href="../stylesheets/stylesheet.css">
<link type="text/css" rel="stylesheet" href="stylesheets/stylesheet.css"> <link type="text/css" rel="stylesheet" href="../converse.css">
<link type="text/css" rel="stylesheet" href="converse.css"> <script src="../components/jquery/jquery.min.js"></script>
<script src="components/jquery/jquery.min.js"></script>
</head> </head>
<body> <body>
<!-- HEADER --> <!-- HEADER -->
......
mockup/minimized.html 0 → 100644
View file @ 891f291c
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7