Make QR look more consistent across browsers/platforms.

This commit is contained in:
ccd0 2015-03-05 10:26:00 -08:00
parent 8477e55652
commit 09c97b931e
2 changed files with 27 additions and 5 deletions

View File

@ -1273,14 +1273,25 @@ input.field.tripped:not(:hover):not(:focus) {
display: flex; display: flex;
-webkit-align-items: stretch; -webkit-align-items: stretch;
align-items: stretch; align-items: stretch;
height: 1.7em;
margin-top: 1px; margin-top: 1px;
} }
:root.gecko #file-n-submit > input, #file-n-submit > input {
:root.gecko #qr > form > select { background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat;
margin: 0px -1px -1px; border: 1px solid #BBB;
border-radius: 2px;
}
#file-n-submit > input::-moz-focus-inner {
border: 0;
padding: 0;
}
#qr-file-button {
-webkit-flex: .1 .1 40px;
flex: .1 .1 40px;
} }
#file-n-submit input[type="submit"] { #file-n-submit input[type="submit"] {
width: 25%; -webkit-flex: .25 .25 40px;
flex: .25 .25 40px;
} }
#qr-filename-container { #qr-filename-container {
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;
@ -1343,10 +1354,17 @@ input#qr-filename {
opacity: 0.27; opacity: 0.27;
} }
/* Thread Select */ /* Thread and Flash Tag Select */
#qr select {
background: white;
border: 1px solid #CCC;
}
#qr select[data-name="thread"] { #qr select[data-name="thread"] {
float: right; float: right;
} }
#qr > form > select {
margin-top: 1px;
}
/* Dumping UI */ /* Dumping UI */
.dump #dump-list-container { .dump #dump-list-container {

View File

@ -97,6 +97,10 @@
border-color: rgb(129, 162, 190) !important; border-color: rgb(129, 162, 190) !important;
background-color: rgb(30,32,36); background-color: rgb(30,32,36);
} }
:root.tomorrow #qr select,
:root.tomorrow #file-n-submit > input {
border-color: rgb(40, 41, 42);
}
:root.tomorrow #qr-filename { :root.tomorrow #qr-filename {
color: rgb(197,200,198); color: rgb(197,200,198);
} }