Spoiler support(use [s]) for spoilers Quickemotemenu button overlap with textarea fixed.
This commit is contained in:
parent
1b3c551515
commit
3c149ce3fe
136
css/main.css
136
css/main.css
|
@ -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 {
|
||||||
|
|
File diff suppressed because one or more lines are too long
20
js/main.js
20
js/main.js
|
@ -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,6 +263,19 @@ 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) {
|
||||||
|
@ -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();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -934,7 +948,7 @@ VoiceMode.prototype.obsCallback = function() {
|
||||||
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");
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue