This is a migrated thread and some comments may be shown as answers.

[Solved] Button: adding the possibility to have the icon on the right of the text

0 Answers 41 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Alexandre Jobin
Top achievements
Rank 1
Alexandre Jobin asked on 17 Jun 2011, 08:14 PM
hi!

i can see that we can't use your button styling and have the icon on the right of the text, only on the left (see the documentation)
i've added a few styles to my project to make it work and i want to share it here. Hope that it could be included in a future release:

html body .t-button
{
    vertical-align:middle;
}
 
.t-button-texticon
{
    line-height: 1.453;
    overflow: visible;
    padding-left: 8px;
}
 
a.t-button-texticon
{
    -moz-padding-start: 11px;
}
 
.t-button-texticon .t-icon
{
    margin: 0 -3px 0 3px;
    vertical-align: top;
}
 
* + html .t-button-texticon .t-icon {
    margin-left: 4px;
}
 
* html .t-button-texticon .t-icon {
    margin-left: 4px;
}

alex
Tags
General Discussions
Asked by
Alexandre Jobin
Top achievements
Rank 1
Share this question
or