From 09c97b931ea6f5f96158215c5e2c4d4fecefb106 Mon Sep 17 00:00:00 2001 From: ccd0 Date: Thu, 5 Mar 2015 10:26:00 -0800 Subject: [PATCH] Make QR look more consistent across browsers/platforms. --- src/General/css/style.css | 28 +++++++++++++++++++++++----- src/General/css/tomorrow.css | 4 ++++ 2 files changed, 27 insertions(+), 5 deletions(-) diff --git a/src/General/css/style.css b/src/General/css/style.css index dd70024c7..c508a8651 100755 --- a/src/General/css/style.css +++ b/src/General/css/style.css @@ -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 { diff --git a/src/General/css/tomorrow.css b/src/General/css/tomorrow.css index 6c22ec219..e36a028d0 100755 --- a/src/General/css/tomorrow.css +++ b/src/General/css/tomorrow.css @@ -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); }