From 40a9d1dfdb6a341904ae7bcd4600b0ef201d14df Mon Sep 17 00:00:00 2001 From: Alexander Schmitz Date: Fri, 22 Aug 2014 23:39:35 -0400 Subject: Controlgroup: Inital commit of new widget This widget replaces the buttonset widget --- themes/base/base.css | 1 + themes/base/button.css | 17 +++++++++++++++++ themes/base/controlgroup.css | 30 ++++++++++++++++++++++++++++++ 3 files changed, 48 insertions(+) create mode 100644 themes/base/controlgroup.css (limited to 'themes/base') diff --git a/themes/base/base.css b/themes/base/base.css index 7194eba27..3b33e9bc0 100644 --- a/themes/base/base.css +++ b/themes/base/base.css @@ -14,6 +14,7 @@ @import url("autocomplete.css"); @import url("button.css"); @import url("checkboxradio.css"); +@import url("controlgroup.css"); @import url("datepicker.css"); @import url("dialog.css"); @import url("draggable.css"); diff --git a/themes/base/button.css b/themes/base/button.css index fcbcda7bb..599b5ea6a 100644 --- a/themes/base/button.css +++ b/themes/base/button.css @@ -56,6 +56,23 @@ input.ui-button.ui-button-icon-only { margin-left: -8px; } +.ui-button.ui-icon-notext .ui-icon { + padding: 0; + width: 2.1em; + height: 2.1em; + text-indent: -9999px; + white-space: nowrap; + +} + +input.ui-button.ui-icon-notext .ui-icon { + width: auto; + height: auto; + text-indent: 0; + white-space: normal; + padding: .4em 1em; +} + /* workarounds */ /* Support: FireFox >= 4 */ input.ui-button::-moz-focus-inner, diff --git a/themes/base/controlgroup.css b/themes/base/controlgroup.css new file mode 100644 index 000000000..befbdfe3e --- /dev/null +++ b/themes/base/controlgroup.css @@ -0,0 +1,30 @@ +/*! + * jQuery UI Controlgroup @VERSION + * http://jqueryui.com + * + * Copyright 2013 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/controlgroup/#theming + */ + +.ui-controlgroup { + vertical-align: middle; +} +.ui-controlgroup > .ui-button { + float: left; + margin-left: 0; + margin-right: 0; +} +.ui-controlgroup-vertical > .ui-button { + display: block; + float: none; + width: 100%; + margin-top: 0; + margin-bottom: 0; + text-align: left; +} +.ui-controlgroup-vertical label.ui-button { + box-sizing: border-box; +} \ No newline at end of file -- cgit v1.2.3