Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui5-flexible-column-layout): new component #1867

Merged
merged 23 commits into from
Jun 30, 2020
Merged

feat(ui5-flexible-column-layout): new component #1867

Show file tree
Hide file tree
Changes from 15 commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
138f05a
feat(ui5-flexible-column-layout): new component
ilhan007 Jun 24, 2020
63e0336
lint
ilhan007 Jun 24, 2020
f675173
fire layout-change
ilhan007 Jun 24, 2020
73439c2
fire layout-change
ilhan007 Jun 24, 2020
0f05c03
add responsive behavior
ilhan007 Jun 24, 2020
228af24
fire layout-change event on resize
ilhan007 Jun 24, 2020
41adbf0
add sample page
ilhan007 Jun 24, 2020
ed8a216
dummy app
vladitasev Jun 25, 2020
119b3e0
update
ilhan007 Jun 25, 2020
303193a
add public getters
ilhan007 Jun 26, 2020
5cdcc0a
theming
ilhan007 Jun 26, 2020
618b5c8
improve jsdoc
ilhan007 Jun 26, 2020
d8e848a
add fullscreen layouts
ilhan007 Jun 26, 2020
fc611b1
lint
ilhan007 Jun 26, 2020
ff3b589
add tests
ilhan007 Jun 26, 2020
c3149cb
fix tests
ilhan007 Jun 26, 2020
c266393
show arrows for hidden columns on tablet
ilhan007 Jun 26, 2020
ba2ae07
improve playground sample
ilhan007 Jun 27, 2020
faa366a
add ACC support
ilhan007 Jun 29, 2020
d904324
fix acc and phone mode comments
ilhan007 Jun 29, 2020
745e5be
fix arrow visibility and transitions
ilhan007 Jun 29, 2020
aacbf05
ensure column separator remains
ilhan007 Jun 29, 2020
f118fa5
always animate columns width
ilhan007 Jun 29, 2020
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
1 change: 1 addition & 0 deletions packages/fiori/bundle.esm.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import "./dist/Assets.js";
import "./dist/features/CoPilotAnimation.js";

// FIORI components
import FlexibleColumnLayout from "./dist/FlexibleColumnLayout.js";
import ProductSwitch from "./dist/ProductSwitch.js";
import ProductSwitchItem from "./dist/ProductSwitchItem.js";
import ShellBar from "./dist/ShellBar.js";
Expand Down
33 changes: 33 additions & 0 deletions packages/fiori/src/FlexibleColumnLayout.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<div class="ui5-fcl-root">
<div class="{{classes.columns.start}}" style="{{styles.columns.start}}">
<slot name="startColumn"></slot>
</div>

<div class="ui5-fcl-arrow-container" style="{{styles.arrowsContainer.start}}">
<ui5-button
class="ui5-fcl-arrow ui5-fcl-arrow--start"
icon="slim-arrow-right"
design="Transparent"
@click="{{startArrowClick}}"
style="{{styles.arrows.start}}"
></ui5-button>
</div>

<div class="{{classes.columns.middle}}" style="{{styles.columns.middle}}">
<slot name="midColumn"></slot>
</div>

<div class="ui5-fcl-arrow-container" style="{{styles.arrowsContainer.end}}">
<ui5-button
class="ui5-fcl-arrow ui5-fcl-arrow--end"
style="{{styles.arrows.end}}"
icon="slim-arrow-left"
design="Transparent"
@click="{{endArrowClick}}"
></ui5-button>
</div>

<div class="{{classes.columns.end}}" style="{{styles.columns.end}}">
<slot name="endColumn"></slot>
</div>
</div>
Loading