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;
-webkit-align-items: stretch;
align-items: stretch;
height: 1.7em;
margin-top: 1px;
}
:root.gecko #file-n-submit > input,
:root.gecko #qr > form > select {
margin: 0px -1px -1px;
#file-n-submit > input {
background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat;
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"] {
width: 25%;
-webkit-flex: .25 .25 40px;
flex: .25 .25 40px;
}
#qr-filename-container {
-webkit-flex: 1 1 auto;
@ -1343,10 +1354,17 @@ input#qr-filename {
opacity: 0.27;
}
/* Thread Select */
/* Thread and Flash Tag Select */
#qr select {
background: white;
border: 1px solid #CCC;
}
#qr select[data-name="thread"] {
float: right;
}
#qr > form > select {
margin-top: 1px;
}
/* Dumping UI */
.dump #dump-list-container {

View File

@ -97,6 +97,10 @@
border-color: rgb(129, 162, 190) !important;
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 {
color: rgb(197,200,198);
}