moon
/
sync
mirror of https://github.com/calzoneman/sync.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix positioning and background color of new message indicator

This commit is contained in:
calzoneman 2015-11-29 10:29:56 -08:00
parent 23f39ab2f5
commit 3c5d36919b
7 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
www/css/cytube.css
View File

@ -651,11 +651,9 @@ input#logout[type="submit"]:hover {
} }
#newmessages-indicator { #newmessages-indicator {
background: rgb(0, 0, 0); margin-top: -30px;
background: rgba(0, 0, 0, 0.8); line-height: 30px;
line-height: 2.0; height: 30px;
position: relative;
bottom: 50px;
text-align: center; text-align: center;
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;

5
www/css/themes/bootstrap-theme.min.css vendored
View File

@ -81,3 +81,8 @@ footer {
.queue_entry.queue_active { .queue_entry.queue_active {
background-color: #d9edf7; background-color: #d9edf7;
} }
#newmessages-indicator-bghack {
background: rgb(200, 200, 200);
background: rgba(200, 200, 200, 0.9);
}

5
www/css/themes/cyborg.css
View File

@ -85,3 +85,8 @@ input.form-control[type="email"], textarea.form-control {
.queue_entry.queue_active { .queue_entry.queue_active {
background-color: #333333; background-color: #333333;
} }
#newmessages-indicator-bghack {
background: rgb(32, 32, 32);
background: rgba(32, 32, 32, 0.9);
}

5
www/css/themes/light.css
View File

@ -75,3 +75,8 @@ footer {
.queue_entry.queue_active { .queue_entry.queue_active {
background-color: #d9edf7; background-color: #d9edf7;
} }
#newmessages-indicator-bghack {
background: rgb(200, 200, 200);
background: rgba(200, 200, 200, 0.9);
}

5
www/css/themes/modern.css
View File

@ -186,3 +186,8 @@ input.form-control[type="email"], textarea.form-control {
min-height: 20px; min-height: 20px;
padding: 10px 19px !important; padding: 10px 19px !important;
} }
#newmessages-indicator-bghack {
background: rgb(16, 16, 16);
background: rgba(16, 16, 16, 0.9);
}

5
www/css/themes/slate.css
View File

@ -97,3 +97,8 @@ input.form-control[type="email"], textarea.form-control {
.navbar-inverse .navbar-text-nofloat { .navbar-inverse .navbar-text-nofloat {
color: #ccc; color: #ccc;
} }
#newmessages-indicator-bghack {
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.9);
}

8
www/js/util.js
View File

@ -1491,12 +1491,14 @@ function addChatMessage(data) {
if (!newMessageDiv.length) { if (!newMessageDiv.length) {
newMessageDiv = $("<div/>").attr("id", "newmessages-indicator") newMessageDiv = $("<div/>").attr("id", "newmessages-indicator")
.insertBefore($("#chatline")); .insertBefore($("#chatline"));
var bgHack = $("<span/>").attr("id", "newmessages-indicator-bghack")
.appendTo(newMessageDiv);
$("<span/>").addClass("glyphicon glyphicon-chevron-down") $("<span/>").addClass("glyphicon glyphicon-chevron-down")
.appendTo(newMessageDiv); .appendTo(bgHack);
$("<span/>").text("New Messages Below").appendTo(newMessageDiv); $("<span/>").text("New Messages Below").appendTo(bgHack);
$("<span/>").addClass("glyphicon glyphicon-chevron-down") $("<span/>").addClass("glyphicon glyphicon-chevron-down")
.appendTo(newMessageDiv); .appendTo(bgHack);
} }
if (numRemoved > 0) { if (numRemoved > 0) {