javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(button): removes old fab documentation and test

Browse Source
This commit is contained in:
Ramon Henrique Ornelas
2016-10-03 18:41:03 -03:00
committed by Manu Mtz.-Almeida
parent 08946ba181
commit 6b33ed0c8e
6 changed files with 3 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/button/button.ios.scss
View File

@ -127,13 +127,6 @@ $button-ios-round-padding: $button-round-padding !defau
$button-ios-round-border-radius: $button-round-border-radius !default;
// iOS FAB Button
// --------------------------------------------------
/// @prop - Border radius of the FAB button
$button-ios-fab-border-radius: 50% !default;
// iOS Default Button
// --------------------------------------------------

13
src/components/button/button.md.scss
View File

@ -162,19 +162,6 @@ $button-md-round-padding: $button-round-padding !default;
$button-md-round-border-radius: $button-round-border-radius !default;
// Material Design FAB Button
// --------------------------------------------------
/// @prop - Border radius of the FAB button
$button-md-fab-border-radius: 50% !default;
/// @prop - Box shadow of the FAB button
$button-md-fab-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .1) !default;
/// @prop - Box shadow of the activated FAB button
$button-md-fab-box-shadow-activated: 0 5px 15px 0 rgba(0, 0, 0, .4), 0 4px 7px 0 rgba(0, 0, 0, .1) !default;
// Material Design Default Button
// --------------------------------------------------

22
src/components/button/button.ts
View File

@ -21,13 +21,6 @@ import { isTrueProperty } from '../../util/util';
* @property [small] - A button with size small.
* @property [large] - A button with size large.
* @property [disabled] - A disabled button.
* @property [fab] - A floating action button.
* @property [fab-left] - Position a fab button to the left.
* @property [fab-right] - Position a fab button to the right.
* @property [fab-center] - Position a fab button towards the center.
* @property [fab-top] - Position a fab button towards the top.
* @property [fab-bottom] - Position a fab button towards the bottom.
* @property [fab-fixed] - Makes a fab button have a fixed position.
* @property [color] - Dynamically set which predefined color this button should use (e.g. primary, secondary, danger, etc).
*
* @usage
@ -52,8 +45,6 @@ import { isTrueProperty } from '../../util/util';
*
* <button ion-button round>Round Button</button>
*
* <button ion-button fab>FAB</button>
*
* <!-- Outline -->
* <button ion-button full outline>Outline + Full</button>
*
@ -61,8 +52,6 @@ import { isTrueProperty } from '../../util/util';
*
* <button ion-button round outline>Outline + Round</button>
*
* <button ion-button fab outline>FAB</button>
*
* <!-- Icons -->
* <button ion-button icon-left>
* <ion-icon name="star"></ion-icon>
@ -88,6 +77,9 @@ import { isTrueProperty } from '../../util/util';
*
* @demo /docs/v2/demos/src/button/
* @see {@link /docs/v2/components#buttons Button Component Docs}
* @see {@link /docs/v2/components#fabs FabButton Docs}
* @see {@link ../../fab/FabButton FabButton API Docs}
* @see {@link ../../fab/FabContainer FabContainer API Docs}
*/
@Component({
selector: '[ion-button]',
@ -177,14 +169,6 @@ export class Button extends Ion {
this._attr('_shape', 'round', val);
}
/**
* @input {string} A floating action button.
*/
@Input()
set fab(val: boolean) {
this._attr('_shape', 'fab', val);
}
/**
* @input {string} A button that fills its parent container with a border-radius.
*/

7
src/components/button/button.wp.scss
View File

@ -117,13 +117,6 @@ $button-wp-round-padding: $button-round-padding
$button-wp-round-border-radius: $button-round-border-radius !default;
// Windows FAB Button
// --------------------------------------------------
/// @prop - Border radius of the FAB button
$button-wp-fab-border-radius: 50% !default;
// Windows Default Button
// --------------------------------------------------

5
src/components/button/test/button.spec.ts
View File

@ -161,11 +161,6 @@ describe('button', () => {
b.round = true;
b._assignCss(true);
expect(hasClass(b, 'button-round')).toEqual(true);
b = mockButton();
b.fab = true;
b._assignCss(true);
expect(hasClass(b, 'button-fab')).toEqual(true);
});
it('should read button display attributes', () => {

5
src/components/button/test/raised/main.html
View File

@ -24,11 +24,6 @@
<button ion-button raised clear class="activated">Clear.activated</button>
</p>
<p>
<button ion-button raised fab style="position: relative">FAB</button>
<button ion-button raised fab style="position: relative" class="activated">FAB</button>
</p>
<p>
<button ion-button raised round>Round</button>
<button ion-button raised round class="activated">Round.activated</button>