Sublime thread select.

This commit is contained in:
Zixaphir 2013-05-10 05:58:11 -07:00
parent d8db801341
commit 58b0d6585e
8 changed files with 45 additions and 62 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2875,6 +2875,9 @@ textarea,
.selectrice {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset, rgba(70,70,70,.3) 1px 1px;
}
#qr .selectrice {
box-shadow: none;
}
.thread {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) inset, rgba(70,70,70,.5) 1px 1px;
}

View File

@ -10,10 +10,6 @@ UI = do ->
move = $ '.move', el
$.on move, 'touchstart mousedown', dragstart
for child in move.children
continue unless child.tagName
$.on child, 'touchstart mousedown', (e) ->
e.stopPropagation()
el

View File

@ -1197,6 +1197,7 @@ input:checked + .rice {
#qrtab input,
#qrtab .close,
#qrtab .rice,
#qrtab .selectrice,
#qrtab span {
display: none;
}"
@ -1379,10 +1380,23 @@ input:not([type=radio]) {
padding: 2px 1px 0;
}
/* Thread Select */
#qr-thread-select {
vertical-align: bottom;
width: 49%;
#qr-thread-select,
#qr-thread-select .selectrice div {
display: inline;
}
#qr-thread-select .selectrice {
cursor: pointer;
display: inline-block;
width: 120px;
border: none;
background: none transparent;
padding: 0;
margin: 0;
height: auto;
}
#qr-thread-select .selectrice::before,
#qr-thread-select .selectrice::after {
display: none;
}
/* Dumping UI */
.dump #dump-list-container {

View File

@ -1,5 +1,10 @@
<div id=qrtab class=move>
<input type=checkbox id=autohide title=Auto-hide> Post Form
<input type=checkbox id=autohide title=Auto-hide>
<div id=qr-thread-select>
<select data-name=thread title='Create a new thread / Reply'>
<option value=new>New thread</option>
</select>
</div>
<a href=javascript:; class=close title=Close>×</a>
</div>
<form>
@ -34,11 +39,6 @@
<input type=submit tabindex=80>
</div>
<input type=file multiple>
<div id=qr-thread-select>
<select data-name=thread title='Create a new thread / Reply'>
<option value=new>New thread</option>
</select>
</div>
</form>
<datalist id="list-name"></datalist>
<datalist id="list-email"></datalist>

View File

@ -941,7 +941,7 @@ QR =
for thread of g.BOARD.threads
$.add nodes.thread, $.el 'option',
value: thread
textContent: "No.#{thread}"
textContent: "Reply to #{thread}"
$.on nodes.filename.parentNode, 'click keyup', QR.openFileInput