Header action button appearance

This commit is contained in:
Brian Federle 2013-10-07 11:29:31 -07:00
parent ad5d3bc0dd
commit a0fcbbbfa8
2 changed files with 20 additions and 6 deletions

View File

@ -38,7 +38,7 @@
jsonObj: $.map($instanceRow, function(elem) { return $(elem).data('jsonObj'); })
};
messageArgs = {
name: $.map($instanceRow, function(elem) { return $(elem).find('td.name span').html() })
name: $.map($instanceRow, function(elem) { return $(elem).find('td.name span').html(); })
};
} else {
data = {
@ -1652,6 +1652,7 @@
.addClass('button action add reduced-hide')
.data('list-view-action-id', 'add')
.append(
$('<span>').addClass('icon').html('&nbsp;'),
$('<span>').html(_l(listViewData.actions.add.label))
)
);

View File

@ -15,20 +15,33 @@
// specific language governing permissions and limitations
// under the License.
@mixin csui-action-button {
width: 25px;
height: 25px;
&:not(.button) {
width: 25px;
height: 25px;
margin: 4px;
}
float: left;
margin: 4px;
cursor: pointer;
span {
display: block;
float: left;
}
a {
text-decoration: none;
}
.icon {
display: block;
width: 100%;
height: 100%;
width: 25px;
height: 20px;
margin-bottom: -12px; // Keep aligned with non-icon buttons
float: left;
position: relative;
top: -5px;
left: -5px;
}
&.text {