Safari focus-outline was clipped by filterselect arrow-button (fixes #1684)

svn changeset:4851/svn branch:trunk

diff --git a/WebContent/ITMILL/themes/default/select/select.css b/WebContent/ITMILL/themes/default/select/select.css
index d3506d63f4efb171add07f8b82ec95ecd43d15e6..c0a64604d87bbc76ea10a0f4d5fd16307d5790fb 100644 (file)
--- a/WebContent/ITMILL/themes/default/select/select.css
+++ b/WebContent/ITMILL/themes/default/select/select.css
@@ -83,6 +83,10 @@
        padding: 3px 0 0 4px;
        font-size: 13px;
 }
+.i-filterselect-input:focus {
+       /* button clips safari outline otherwise (#1684) */
+       outline-offset: -1px; 
+}
 
 .i-filterselect-button {
        float: right;

diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css
index 92e269c582fd95abdfd80a5fa5e259c4b7b05319..60616baa7688a81daea01b3eadb8c938ad245bbd 100644 (file)
--- a/WebContent/ITMILL/themes/default/styles.css
+++ b/WebContent/ITMILL/themes/default/styles.css
@@ -982,6 +982,10 @@ input.i-modified,
        padding: 3px 0 0 4px;
        font-size: 13px;
 }
+.i-filterselect-input:focus {
+       /* button clips safari outline otherwise (#1684) */
+       outline-offset: -1px; 
+}
 
 .i-filterselect-button {
        float: right;