skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(button): add explanation for FAB abbreviation (#5790)

Browse Source
This commit is contained in:
Roy
2017-07-18 23:46:11 +02:00
committed by Kara
parent 1c7754ab76
commit 520d833ffa
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button/button.md
+3 -2
View File
@@ -21,8 +21,9 @@ There are five button variants, each applied as an attribute:
### Theming
Buttons can be colored in terms of the current theme using the `color` property to set the
background color to `primary`, `accent`, or `warn`. By default, only FABs are colored; the default
background color for `md-button` and `md-raised-button` matches the theme's background color.
background color to `primary`, `accent`, or `warn`. By default, only FABs (Floating Action Button)
are colored; the default background color for `md-button` and `md-raised-button` matches the theme's
background color.
### Capitalization
According to the Material design spec button text has to be capitalized, however we have opted not
src/lib/button/button.scss
+1 -1
View File
@@ -12,7 +12,7 @@
}
}
// Only flat buttons (not raised, fabs or icon buttons) have a hover style.
// Only flat buttons (not raised, FABs or icon buttons) have a hover style.
// Use the same visual treatment for hover as for focus.
.mat-button:hover .mat-button-focus-overlay {
opacity: 1;
src/lib/sidenav/sidenav.md
+1 -1
View File
@@ -68,5 +68,5 @@ html, body, material-app, md-sidenav-container, .my-content {
```
### FABs inside sidenav
For a sidenav with a FAB (or other floating element), the recommended approach is to place the FAB
For a sidenav with a FAB (Floating Action Button) or other floating element, the recommended approach is to place the FAB
outside of the scrollable region and absolutely position it.