diff --git a/src/General/css/style.css b/src/General/css/style.css
index 1b4b7ed7f..0abd3fea9 100755
--- a/src/General/css/style.css
+++ b/src/General/css/style.css
@@ -1106,8 +1106,9 @@ input[name="Default Volume"] {
display: none !important;
}
#qr select,
-#dump-button,
#url-button,
+#custom-cooldown-button,
+#dump-button,
.remove,
.captcha-img {
cursor: pointer;
@@ -1162,7 +1163,7 @@ input[name="Default Volume"] {
-webkit-flex-direction: row;
flex-direction: row;
}
-#dump-button {
+#url-button, #custom-cooldown-button, #dump-button {
width: 10%;
margin: 0;
margin-right: 4px;
@@ -1170,13 +1171,8 @@ input[name="Default Volume"] {
padding: 1px 0px 2px;
opacity: 0.6;
}
-#url-button {
- width: 10%;
- margin: 0;
- margin-right: 4px;
- font: 13px sans-serif;
- padding: 1px 0px 2px;
- opacity: 0.6;
+#custom-cooldown-button.disabled {
+ opacity: 0.27;
}
.persona .field {
-webkit-flex: 1;
@@ -1321,10 +1317,7 @@ input#qr-filename:not(.edit) {
#file-n-submit {
height: 23px;
}
-#file-n-submit.custom-cooldown {
- height: 43px;
-}
-#file-n-submit:not(.custom-cooldown) #custom-cooldown-label {
+#file-n-submit:not(.custom-cooldown) #custom-cooldown-button {
display: none;
}
#qr input[type="file"] {
diff --git a/src/General/html/Features/QuickReply.html b/src/General/html/Features/QuickReply.html
index 5890a255a..ade5df27e 100755
--- a/src/General/html/Features/QuickReply.html
+++ b/src/General/html/Features/QuickReply.html
@@ -29,6 +29,7 @@
@@ -36,7 +37,6 @@
-
diff --git a/src/Posting/QR.coffee b/src/Posting/QR.coffee
index 8093221a6..73c58a971 100644
--- a/src/Posting/QR.coffee
+++ b/src/Posting/QR.coffee
@@ -167,10 +167,9 @@ QR =
QR.unhide()
toggleCustomCooldown: ->
- if @checked
- QR.cooldown.customCooldown = true
- else
- QR.cooldown.customCooldown = false
+ enabled = $.hasClass @, 'disabled'
+ QR.cooldown.customCooldown = enabled
+ @classList.toggle 'disabled', !enabled
error: (err) ->
QR.open()
@@ -491,7 +490,7 @@ QR =
setNode 'spoilerPar', '#qr-spoiler-label'
setNode 'status', '[type=submit]'
setNode 'fileInput', '[type=file]'
- setNode 'customCooldown', '[data-name=customCooldown]'
+ setNode 'customCooldown', '#custom-cooldown-button'
rules = $('ul.rules').textContent.trim()
match_min = rules.match(/.+smaller than (\d+)x(\d+).+/)
@@ -529,10 +528,7 @@ QR =
else
nodes.spoiler.parentElement.hidden = true
- if parseInt(Conf['customCooldown']) > 0
- $.addClass QR.nodes.fileSubmit, 'custom-cooldown'
- else
- $.rmClass QR.nodes.fileSubmit, 'custom-cooldown'
+ QR.nodes.fileSubmit.classList.toggle 'custom-cooldown', (parseInt(Conf['customCooldown'], 10) > 0)
if g.BOARD.ID is 'f' and g.VIEW isnt 'thread'
nodes.flashTag = $.el 'select',
@@ -564,8 +560,7 @@ QR =
$.on nodes.fileExtras, 'click', (e) -> e.stopPropagation()
$.on nodes.spoiler, 'change', -> QR.selected.nodes.spoiler.click()
$.on nodes.fileInput, 'change', QR.handleFiles
- if parseInt(Conf['customCooldown']) > 0
- $.on nodes.customCooldown,'change', QR.toggleCustomCooldown
+ $.on nodes.customCooldown, 'click', QR.toggleCustomCooldown
# save selected post's data
items = ['thread', 'name', 'email', 'sub', 'com', 'filename']