Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Simplify QR's dump list html and css.

Browse Source
This commit is contained in:
Mayhem 2014-02-12 20:34:22 +01:00
parent b19dedb686
commit cf552959e0
2 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/style.css
View File

@ -777,28 +777,23 @@ a.hide-announcement {
:root.gecko #dump-button { :root.gecko #dump-button {
padding: 0; padding: 0;
} }
#qr:not(.dump) #dump-list-container { #qr:not(.dump) #dump-list,
#qr:not(.dump) #add-post {
display: none; display: none;
} }
#dump-list-container { #dump-list {
height: 100px; counter-reset: qrpreviews;
position: relative; width: 0;
min-width: 100%;
overflow: hidden;
white-space: nowrap;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
} }
#dump-list {
counter-reset: qrpreviews;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
}
#dump-list:hover { #dump-list:hover {
bottom: -12px; padding-bottom: 12px;
margin-bottom: -12px;
overflow-x: auto; overflow-x: auto;
z-index: 1; z-index: 1;
} }
@ -875,13 +870,11 @@ a.remove {
vertical-align: bottom; vertical-align: bottom;
} }
#add-post { #add-post {
align-self: flex-end;
font-size: 20px; font-size: 20px;
height: 20px; width: 1em;
width: 20px; margin-top: -1em;
text-align: center; text-align: center;
position: absolute;
right: 0;
bottom: 0;
z-index: 1; z-index: 1;
} }
#qr textarea { #qr textarea {

6
html/Posting/QR.html
View File

@ -13,10 +13,8 @@
<input data-name="email" list="list-email" placeholder="E-mail" class="field" size="1"> <input data-name="email" list="list-email" placeholder="E-mail" class="field" size="1">
<input data-name="sub" list="list-sub" placeholder="Subject" class="field" size="1"> <input data-name="sub" list="list-sub" placeholder="Subject" class="field" size="1">
</div> </div>
<div id="dump-list-container"> <div id="dump-list"></div>
<div id="dump-list"></div> <a href="javascript:;" id="add-post" class="fa fa-plus" title="Add a post"></a>
<a href="javascript:;" id="add-post" class="fa fa-plus" title="Add a post"></a>
</div>
<div class="textarea"> <div class="textarea">
<textarea data-name="com" placeholder="Comment" class="field"></textarea> <textarea data-name="com" placeholder="Comment" class="field"></textarea>
<span id="char-count"></span> <span id="char-count"></span>