Spoiler support(use [s]) for spoilers Quickemotemenu button overlap with textarea fixed.

This commit is contained in:
Jiiks 2015-11-28 01:29:53 +02:00
parent 1b3c551515
commit 3c149ce3fe
4 changed files with 101 additions and 63 deletions

View File

@ -1,3 +1,27 @@
.spoiler {
color:transparent !important;
}
.spoiler img {
display:none;
}
.spoiler:before {
content:"Spoiler";
display:block;
background:#1D1D1D;
color:#ADADAD !important;
min-height:30px;
text-align:center;
line-height:100%;
font-family:"Consolas";
padding-top:5px;
}
.emotemenu-enabled .channel-textarea-inner textarea {
margin-right:45px !important;
}
#bdbeta { #bdbeta {
background:red; background:red;
} }
@ -283,7 +307,7 @@
#bd-ps-container { #bd-ps-container {
position:fixed; position:fixed;
width:50%; width:50%;
height:75%; height:75%;
background:rgb(46,49,54); background:rgb(46,49,54);
@ -298,14 +322,14 @@
} }
#bd-ps-header { #bd-ps-header {
background:rgb(54,57,62); background:rgb(54,57,62);
height:60px; height:60px;
border-bottom:1px solid #000; border-bottom:1px solid #000;
box-shadow:0 1px 0 0 rgb(78,78,78); box-shadow:0 1px 0 0 rgb(78,78,78);
} }
#bd-ps-header h2 { #bd-ps-header h2 {
margin:0; margin:0;
line-height:60px; line-height:60px;
margin-left:10px; margin-left:10px;
color:#ADADAD; color:#ADADAD;
@ -324,102 +348,102 @@
} }
#bd-ps-body { #bd-ps-body {
position: absolute; position: absolute;
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
top: 61px; top: 61px;
overflow:auto; overflow:auto;
} }
.bd-ps-server { .bd-ps-server {
width:100%; width:100%;
height:200px; height:200px;
} }
.bd-ps-server-header { .bd-ps-server-header {
height:50px; height:50px;
width:100%; width:100%;
margin-top:1px; margin-top:1px;
background:#202020; background:#202020;
color:#AEAEAE; color:#AEAEAE;
line-height:50px; line-height:50px;
font-size:20px; font-size:20px;
} }
.bd-ps-server-header span { .bd-ps-server-header span {
margin-left:10px; margin-left:10px;
} }
.bd-ps-server-body { .bd-ps-server-body {
padding:5px; padding:5px;
} }
.bd-ps-server-icon { .bd-ps-server-icon {
width:90px; width:90px;
height:90px; height:90px;
background:#202020; background:#202020;
display:inline-block; display:inline-block;
} }
.bd-ps-server-info { .bd-ps-server-info {
position:absolute; position:absolute;
height:190px; height:190px;
display:inline-block; display:inline-block;
left:100px; left:100px;
right:5px; right:5px;
color:#AEAEAE; color:#AEAEAE;
overflow:auto; overflow:auto;
} }
#bd-ps-body table { #bd-ps-body table {
width:100%; width:100%;
margin:0; margin:0;
padding:0; padding:0;
border-color:red; border-color:red;
border-collapse:collapse; border-collapse:collapse;
text-align:left; text-align:left;
} }
#bd-ps-body table th { #bd-ps-body table th {
background-color:#202020; background-color:#202020;
color:#EDEDED; color:#EDEDED;
height:50px; height:50px;
padding-left:5px; padding-left:5px;
} }
#bd-ps-body table tr { #bd-ps-body table tr {
margin:0; margin:0;
padding:0; padding:0;
height:50px; height:50px;
} }
#bd-ps-body table tr{ #bd-ps-body table tr{
background-color:#33363B; background-color:#33363B;
border-bottom:1px solid #000; border-bottom:1px solid #000;
box-shadow:0 1px 0 #404040 inset; box-shadow:0 1px 0 #404040 inset;
} }
#bd-ps-body table tr td { #bd-ps-body table tr td {
padding-left:5px; padding-left:5px;
color:#EDEDED; color:#EDEDED;
} }
#bd-ps-body table tr td { #bd-ps-body table tr td {
min-width:100px; min-width:100px;
} }
#bd-ps-body .description { #bd-ps-body .description {
overflow:auto; overflow:auto;
max-height:60px; max-height:60px;
word-wrap:break-word; word-wrap:break-word;
} }
#bd-ps-body table tr:nth-child(odd) { #bd-ps-body table tr:nth-child(odd) {
background-color:#2E3136; background-color:#2E3136;
} }
#bd-show-channels { #bd-show-channels {

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -94,7 +94,7 @@ Core.prototype.init = function() {
var guilds = $(".guilds li:first-child"); var guilds = $(".guilds li:first-child");
guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px", "border-radius": "4px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px", "font-size": "12px" }, text: "public", id: "bd-pub-button" }))))); guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px", "border-radius": "4px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px", "font-size": "12px" }, text: "public", id: "bd-pub-button" })))));
// guilds.after($("<li/>", {id:"tc-settings-li"}).append($("<div/>", { class: "guild-inner" }).append($("<a/>").append($("<div/>", { class: "avatar-small", id: "tc-settings-button" }))))); // guilds.after($("<li/>", {id:"tc-settings-li"}).append($("<div/>", { class: "guild-inner" }).append($("<a/>").append($("<div/>", { class: "avatar-small", id: "tc-settings-button" })))));
var showChannelsButton = $("<button/>", { var showChannelsButton = $("<button/>", {
class: "btn", class: "btn",
@ -263,8 +263,21 @@ EmoteModule.prototype.injectEmote = function(node) {
words.some(function(word) { words.some(function(word) {
if(word == "[s]") {
var markup = $(parent).parent();
markup.addClass("spoiler");
parentInnerHTML = parentInnerHTML.replace(word, "");
markup.on("click", function() {
$(this).removeClass("spoiler");
});
return;
}
if($.inArray(word, bemotes) != -1) return; if($.inArray(word, bemotes) != -1) return;
if(word.length < 4) { if(word.length < 4) {
return; return;
} }
@ -537,7 +550,7 @@ function QuickEmoteMenu() {
QuickEmoteMenu.prototype.init = function(reload) { QuickEmoteMenu.prototype.init = function(reload) {
emoteBtn = null; emoteBtn = null;
$(".channel-textarea").first().removeClass("emotemenu-enabled");
if(!emoteMenu) { if(!emoteMenu) {
this.initEmoteList(); this.initEmoteList();
} }
@ -564,6 +577,7 @@ QuickEmoteMenu.prototype.init = function(reload) {
}); });
if(settingsCookie["bda-es-0"]) { if(settingsCookie["bda-es-0"]) {
$(".channel-textarea").first().addClass("emotemenu-enabled");
emoteBtn.show(); emoteBtn.show();
} }
@ -927,14 +941,14 @@ VoiceMode.prototype.obsCallback = function() {
setTimeout(function() { setTimeout(function() {
self.enable(); self.enable();
}, 300); }, 300);
} }
} }
VoiceMode.prototype.enable = function() { VoiceMode.prototype.enable = function() {
$(".scroller.guild-channels ul").first().css("display", "none"); $(".scroller.guild-channels ul").first().css("display", "none");
$(".scroller.guild-channels header").first().css("display", "none"); $(".scroller.guild-channels header").first().css("display", "none");
// $(".flex-vertical.flex-spacer").first().css("overflow", "hidden"); // $(".flex-vertical.flex-spacer").first().css("overflow", "hidden");
$(".app.flex-vertical").first().css("overflow", "hidden"); $(".app.flex-vertical").first().css("overflow", "hidden");
$(".chat.flex-vertical.flex-spacer").first().css("visibility", "hidden").css("min-width", "0px"); $(".chat.flex-vertical.flex-spacer").first().css("visibility", "hidden").css("min-width", "0px");
$(".flex-vertical.channels-wrap").first().css("flex-grow", "100000"); $(".flex-vertical.channels-wrap").first().css("flex-grow", "100000");

2
js/main.min.js vendored

File diff suppressed because one or more lines are too long