Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Developers
Demos

* [Explore Online](https://tburleson-layouts-demos.firebaseapp.com/)
* [Source Code](https://github.com/angular/flex-layout/blob/master/src/demo-app/demo-app-module.ts)
* [Source Code](https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/app.module.ts)

* StackBlitz Templates

Expand Down
2 changes: 1 addition & 1 deletion docs/documentation/Adaptive-Layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Developers can use the following directives to achieve some Adaptive UX goals:
For examples of `fxHide` usages in Adaptive layouts, please review the demo **Show & Hide Directives**:

* [Demo](https://tburleson-layouts-demos.firebaseapp.com/#/responsive)
* [Source](https://github.com/angular/flex-layout/blob/master/src/demo-app/app/docs-layout-responsive/responsiveShowHide.demo.ts#L15)
* [Source](https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/responsive/responsive-show-hide/responsive-show-hide.component.ts#L15)

----

Expand Down
2 changes: 1 addition & 1 deletion docs/documentation/Use-Cases.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,4 +35,4 @@ or used as fallback
* Custom set of breakpoints can be defined as a Provider
* Custom breakpoints will override ALL default breakpoints (no merging)

[Demo]: https://github.com/angular/flex-layout/blob/master/src/demo-app/app/docs-layout-responsive/responsiveFlexOrder.demo.ts#L59
[Demo]: https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/responsive/responsive-flex-order/responsive-flex-order.component.ts#L59
2 changes: 1 addition & 1 deletion docs/documentation/Using-Angular-CLI.md
Original file line number Diff line number Diff line change
Expand Up @@ -71,4 +71,4 @@ System.config({
Developers are encouraged to review the live demos and source for the Flex-Layout Demos:

* [Live Demos](https://tburleson-layouts-demos.firebaseapp.com/)
* [Demo Source Code](https://github.com/angular/flex-layout/blob/master/src/demo-app/)
* [Demo Source Code](https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/)
2 changes: 1 addition & 1 deletion docs/documentation/_Sidebar.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
* [Best Performance](https://github.com/angular/flex-layout/wiki/Best-Performance)
* Demos
* [Live Online](https://tburleson-layouts-demos.firebaseapp.com/)
* [Source Code](https://github.com/angular/flex-layout/blob/master/src/demo-app/demo-app-module.ts#L28)
* [Source Code](https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/app.module.ts#L28)

* StackBlitz Templates
* [Flex-Layout Template](https://stackblitz.com/edit/angular-flex-layout-seed)
Expand Down
6 changes: 3 additions & 3 deletions docs/documentation/fxFlex-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ available. The flex-grow value overrides the width.
* **flex-shrink**: defines how much a flexbox item should **shrink** if there is **not enough** space available.
* **flex-basis**: controls the default size of an element, before it is manipulated by other Flexbox properties

[![fxFlex example](https://cloud.githubusercontent.com/assets/210413/21274996/6b640f8a-c390-11e6-87ac-ca85eb6c3983.png)](https://github.com/angular/flex-layout/blob/master/src/demo-app/app/stack-overflow/columnSpan.demo.ts#L23)
[![fxFlex example](https://cloud.githubusercontent.com/assets/210413/21274996/6b640f8a-c390-11e6-87ac-ca85eb6c3983.png)](https://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/stack-overflow/grid-column-span/grid-column-span.component.ts#L23)

Note that the resizing occurs along the main-axis of the layout and maybe affected by the **fxLayoutAlign** options.

Expand Down Expand Up @@ -182,5 +182,5 @@ Developer's seeking details on FlexBox should
* Review [CSS-Tricks - A Guide to FlexBox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/), or
* Play with the online [Flex-Layout Demos](https://tburleson-layouts-demos.firebaseapp.com/#/docs)

[fxFlex]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex.ts
[FlexDirective]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex.ts#L65-L67
[fxFlex]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex/flex.ts
[FlexDirective]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex/flex.ts#L65-L67
2 changes: 1 addition & 1 deletion docs/documentation/fxFlexAlign-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,4 +28,4 @@ container
supported by this directive


[Align]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex-align.ts#L38
[Align]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex-align/flex-align.ts#L38
2 changes: 1 addition & 1 deletion docs/documentation/fxFlexFill-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,4 @@ element whose width and height should be maximized
| `min-width` | `100%` |
| `min-height`| `100%` |

[Fill]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex-fill.tst#L31
[Fill]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex-fill/flex-fill.tst#L31
2 changes: 1 addition & 1 deletion docs/documentation/fxFlexOffset-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,4 +26,4 @@ styling
> RTL support is coming soon, which will automatically apply `margin-right` instead of `margin-left`


[Offset]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex-offset.ts#L41
[Offset]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex-offset/flex-offset.ts#L41
2 changes: 1 addition & 1 deletion docs/documentation/fxFlexOrder-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,4 @@ the positional ordering of the element
| `(default)` | `order: 0` |
| `<int>` | `order: <int>` |

[Order]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/flex-order.ts#41
[Order]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/flex-order/flex-order.ts#41
2 changes: 1 addition & 1 deletion docs/documentation/fxLayout-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,4 +42,4 @@ Changes to the fxLayout value will cause the following directives to update and
* **fxFlex**
* **fxLayoutAlign**

[Layout]: https://github.com/angular/flex-layout/blob/master/src/lib/api/flexbox/layout.ts#L34-L40
[Layout]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/layout/layout.ts#L34-L40
2 changes: 1 addition & 1 deletion docs/documentation/fxLayoutAlign-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,4 @@ container
| `stretch` | `max-width: 100% if flex-direction: column; else max-height: 100%` |


[Layout]: https://github.com/angular/flex-layout/blob/master/src/lib/flexbox/api/layout-align.ts#L47
[Layout]: https://github.com/angular/flex-layout/blob/master/src/lib/flex/layout-align/layout-align.ts#L47
2 changes: 1 addition & 1 deletion docs/documentation/fxLayoutGap-API.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
The [**fxLayoutGap** directive](https://github.com/angular/flex-layout/blob/master/src/lib/api/flexbox/layout-gap.tst#L38)
The [**fxLayoutGap** directive](https://github.com/angular/flex-layout/blob/master/src/lib/flex/layout-gap/layout-gap.tst#L38)
should be used on to specify margin gaps on children within a flexbox container (e.g. nested within a fxLayout container).

* `margin-right` used when the parent container `flex-direction` == "row"
Expand Down
2 changes: 1 addition & 1 deletion docs/documentation/imgSrc-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,4 +14,4 @@ The [**imgSrc** directive][imgSrc] is a responsive extension of the HTML <img> `
The initial value will be used as the default and fallback when a responsive alias is not defined


[imgSrc]: https://github.com/angular/flex-layout/blob/master/src/lib/api/ext/img-src.ts#L38
[imgSrc]: https://github.com/angular/flex-layout/blob/master/src/lib/extended/img-src/img-src.ts#L38
2 changes: 1 addition & 1 deletion docs/documentation/ngClass-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,5 +86,5 @@ removed;
</some-element>
```

[ngClass]: https://github.com/angular/flex-layout/blob/master/src/lib/api/ext/class.ts
[ngClass]: https://github.com/angular/flex-layout/blob/master/src/lib/extended/class/class.ts
[aioNgClass]: https://github.com/angular/angular/blob/master/packages/common/src/directives/ng_class.ts#L40
2 changes: 1 addition & 1 deletion docs/documentation/ngStyle-API.md
Original file line number Diff line number Diff line change
Expand Up @@ -83,5 +83,5 @@ the default styles being re-applied.

![sample1](https://user-images.githubusercontent.com/210413/30512495-e974c33a-9ab6-11e7-8dec-9805219baaac.jpg)

[ngStyle]: https://github.com/angular/flex-layout/blob/master/src/lib/api/ext/style.ts#L54
[ngStyle]: https://github.com/angular/flex-layout/blob/master/src/lib/extended/style/style.ts#L54
[aioNgStyle]: https://github.com/angular/angular/blob/master/packages/common/src/directives/ng_style.ts#L34