Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Split button dropups' menu text is right aligned in modal footer #13037

Closed
TWiStErRob opened this issue Mar 12, 2014 · 3 comments
Closed

Split button dropups' menu text is right aligned in modal footer #13037

TWiStErRob opened this issue Mar 12, 2014 · 3 comments

Comments

@TWiStErRob
Copy link

In the below example, the text "Ignore", "Not interested", "Invalid schedule" and "Other" is right aligned within the menu itself.
http://jsfiddle.net/TWiStErRob/2GR7D

<div class="modal-footer">
    <div class="btn-group dropup">
        <button type="button" class="btn btn-warning" ng-click="ignore(undefined')">Ignore</button>
        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span><span class="sr-only">Ignore</span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li><a href="#" ng-click="ignore(undefined)" title="Just ignore this one.">Ignore</a></li>
            <li class="divider"></li>
            <li><a href="#" ng-click="ignore('uninteresting')" title="I don't like the looks.">Not interested</a></li>
            <li><a href="#" ng-click="ignore('timing')" title="The timings does not fit my life schedule.">Invalid schedule</a></li>
            <li class="divider"></li>
            <li><a href="#" ng-click="ignore('other')" title="I have my own reasons!">Other</a></li>
        </ul>
    </div>
    <button class="btn btn-success" ng-click="ok()" ng-disabled="viewForm.$invalid">Add</button>
    <button class="btn btn-danger" ng-click="cancel()">Cancel</button>
</div>

I'm not sure if it's correct but I'd expect them to be left aligned:

.modal-footer .dropdown-menu {
    text-align: initial;
}
@cvrebert
Copy link
Collaborator

For future reference, we prefer live examples (e.g. CodePen, JSFiddle, JS Bin).

@TWiStErRob
Copy link
Author

Sorry, I usually do, temporal brain malfunction :) updated with a fiddle.

@cvrebert cvrebert added this to the v3.2.0 milestone Mar 12, 2014
@cvrebert
Copy link
Collaborator

Thanks. Bug confirmed.

@mdo mdo mentioned this issue Mar 25, 2014
@mdo mdo closed this as completed in b4f4c7b Mar 25, 2014
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants