This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was 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
Description
Not sure if this is the intended behavior, since the class isn't documented yet.
Here's how it looks like by default:
and with a little CSS fix to reposition the button:
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;
}By default, those buttons have a top: 28px rule applied to them, which comes from here.