Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdButton: md-fab-top-* are not properly aligned when using tabs #1031

Closed
PaulMougel opened this issue Dec 22, 2014 · 0 comments
Closed

mdButton: md-fab-top-* are not properly aligned when using tabs #1031

PaulMougel opened this issue Dec 22, 2014 · 0 comments
Labels
ui: layout
Milestone
0.8.3

Comments

@PaulMougel
Copy link
Contributor

Not sure if this is the intended behavior, since the class isn't documented yet.

Here's how it looks like by default:
image
and with a little CSS fix to reposition the button:
image

Source:

<body ng-app="YourApp">
  <div layout="column" layout-fill>
    <md-tabs>
      <md-tab>Tab 1</md-tab>
      <md-tab>Tab 2</md-tab>
    </md-tabs>

    <md-button class="md-accent md-fab md-fab-top-right">Yo</md-button>
  </div>
</body>
/* Quick & dirty positioning fix */
.md-fab-top-right {
  top: 20px !important;
}

Plunker

By default, those buttons have a top: 28px rule applied to them, which comes from here.
PaulMougel added a commit to PaulMougel/material that referenced this issue Dec 22, 2014
@PaulMougel
fix(mdButton): fab vertical positioning
45e0db9 
Affects the following CSS classes:
md-fab-bottom-right
md-fab-bottom-left
md-fab-top-right
md-fab-top-left

Closes angular#1031.
@PaulMougel PaulMougel mentioned this issue Dec 22, 2014
Closed
PaulMougel added a commit to PaulMougel/material that referenced this issue Dec 29, 2014
@PaulMougel
fix(mdButton): fab vertical positioning
d2b2800 
Affects the following CSS classes:
md-fab-bottom-right
md-fab-bottom-left
md-fab-top-right
md-fab-top-left

Closes angular#1031.
@ThomasBurleson ThomasBurleson added this to the 0.8.0 milestone Jan 6, 2015
@ajoslin ajoslin closed this as completed in 641e227 Jan 8, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
ui: layout
Projects
None yet
Milestone
0.8.3
Development

Successfully merging a pull request may close this issue.

fix(mdButton): fab vertical positioning PaulMougel/material
2 participants
@ThomasBurleson @PaulMougel