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

Pagination-sm forget @line-height-small #16460

Closed
Jacquelin opened this issue May 12, 2015 · 4 comments · Fixed by #16462
Closed

Pagination-sm forget @line-height-small #16460

Jacquelin opened this issue May 12, 2015 · 4 comments · Fixed by #16462
Labels
Milestone

Comments

@Jacquelin
Copy link

Hello

The height of pagination elements is not consistent with btn-sm (29px for pagination, 30px for btn, see attach image).

pagination-sm forget '@line-height-small' !

buttons.less:133

.button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);

pagination.less:87

.pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);

btn-sm
pagination-sm

@cvrebert cvrebert added the css label May 12, 2015
kkirsche added a commit to kkirsche/bootstrap that referenced this issue May 12, 2015
[Closes twbs#16460] Fix .pagination-sm line height by adding `@line-height-small` to `.pagingation-sm`.
@kkirsche
Copy link
Contributor

Pull request submitted. Thanks for the fix @Jacquelin 😃

@Jacquelin
Copy link
Author

Thanks to you :)

@Jacquelin
Copy link
Author

Hi @kkirsche

Your pull was reject because of error while build. I forget this :
You need to update .pagination-size function in mixins/pagination.less

.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {

to

.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {

and add line-height property on span

    > span {
      padding: @padding-vertical @padding-horizontal;
      font-size: @font-size;
    }

to

    > span {
      padding: @padding-vertical @padding-horizontal;
      font-size: @font-size;
      line-height: @line-height;
    }

Sorry I can't make the pull request myself ...

kkirsche added a commit to kkirsche/bootstrap that referenced this issue May 13, 2015
[Closes twbs#16460] Fix .pagination-sm line height by adding `@line-height-small` to `.pagingation-sm`.
kkirsche added a commit to kkirsche/bootstrap that referenced this issue May 13, 2015
[Closes twbs#16460] Fix .pagination-sm line height by adding `@line-height-small` to `.pagingation-sm`.
@kkirsche
Copy link
Contributor

@Jacquelin thanks, and no worries. One other thing is the pagination line height has to be included as well for .pagination-lg for consistency. When I put it together I just wasn't thinking and didn't pull / test local first. That should be all fixed now. Sorry about that.

mdo added a commit that referenced this issue May 14, 2015
[Closes #16460] Fix .pagination-sm line height
@mdo mdo added this to the v3.3.5 milestone May 14, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants