From 52a32237158edc06837c1a1ae73e084a13a59753 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Thu, 4 Sep 2014 13:14:16 +0200 Subject: [PATCH 1/6] Button: Fixed the height of icon-only buttons in controlgroups --- themes/base/button.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/base/button.css b/themes/base/button.css index c3ad2752c78..639d1832a9b 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -29,8 +29,8 @@ } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { - padding: 0; - height: 2.16em; + padding-left: 0; + padding-right: 0; text-indent: -9999px; white-space: nowrap; } From a98cb4389554e3ceee6f282cff674f095e1c147d Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Thu, 4 Sep 2014 13:14:53 +0200 Subject: [PATCH 2/6] Button: Fixed the width of icon-only link buttons in controlgroups --- themes/base/button.css | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/base/button.css b/themes/base/button.css index 639d1832a9b..46b7e5abfbe 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -29,6 +29,7 @@ } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { + width: 2.2em; padding-left: 0; padding-right: 0; text-indent: -9999px; From 474c74b16861511f35d49e8d617c5299f13944c0 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Thu, 4 Sep 2014 13:16:08 +0200 Subject: [PATCH 3/6] Button: Equal width for all icon-only button types --- themes/base/button.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/themes/base/button.css b/themes/base/button.css index 46b7e5abfbe..18806f22ab4 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -30,8 +30,7 @@ /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; - padding-left: 0; - padding-right: 0; + box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } @@ -39,10 +38,6 @@ position: absolute; display: block; } -/* button elements seem to need a little more width */ -button.ui-button-icon-only { - width: 2.4em; -} /* no icon support for input elements, provide padding by default */ input.ui-button.ui-icon-end, From 3cc55a08920178cf617416142eb79096371738a5 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Thu, 4 Sep 2014 13:17:31 +0200 Subject: [PATCH 4/6] Button: Whitespace --- themes/base/button.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/themes/base/button.css b/themes/base/button.css index 18806f22ab4..d33965f9539 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -27,6 +27,7 @@ .ui-button:active { text-decoration: none; } + /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; @@ -34,6 +35,7 @@ text-indent: -9999px; white-space: nowrap; } + .ui-icon { position: absolute; display: block; @@ -69,7 +71,6 @@ input.ui-button.ui-button-icon-only { .ui-button.ui-icon-bottom .ui-icon { top: auto; bottom: .05em; - } .ui-button-icon-only .ui-icon { From 198e591239ef9df1c004b9ad208e0fa8f89bfb82 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Mon, 8 Sep 2014 10:20:11 +0200 Subject: [PATCH 5/6] Button: Added user-select none --- themes/base/button.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/base/button.css b/themes/base/button.css index d33965f9539..64ef85f44c7 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -18,6 +18,10 @@ vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .ui-button, From 396c2b00c81fbfa51e859e61065bd569a9c3b7bb Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Mon, 8 Sep 2014 10:48:36 +0200 Subject: [PATCH 6/6] Button: Changed fallback radio icon background color --- themes/base/checkboxradio.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/base/checkboxradio.css b/themes/base/checkboxradio.css index 7e90394df5d..c522e2d22f3 100644 --- a/themes/base/checkboxradio.css +++ b/themes/base/checkboxradio.css @@ -22,7 +22,7 @@ border-radius: 1em; overflow: visible; border: none; - background-color: rgb( 0, 0, 0 ); + background-color: rgb( 192, 192, 192 ); background-color: rgba( 0, 0, 0, .3 ); opacity: .3; }