andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Will it work?

Browse source
This commit is contained in:
Schmelczer András 2019-12-26 16:56:27 +01:00
parent 79f7c4c16f
commit f74c86f4b1
19 changed files with 193 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/page/timeline/timeline-element/timeline-element.scss
View file

@ -23,7 +23,7 @@
@include square($icon-size);
position: absolute;
top: 33%;
left: -0.5 * $icon-size - (1.5 * $line-width);
left: calc(-0.5 * #{$icon-size} - (1.5 * #{$line-width}));
border: $line-width solid $normal-text-color;
border-radius: 100%;
background: $background;

21
src/page/timeline/timeline-element/timeline-element.ts
View file

@ -37,21 +37,31 @@ export class PageTimelineElement extends PageElement {
this.more.style.height = "0";
PageTimelineElement.show(showMore);
PageTimelineElement.hide(showLess);
this.notifyOfHeightChange();
} else {
this.openMoreToFullHeight();
PageTimelineElement.hide(showMore);
PageTimelineElement.show(showLess);
this.openMoreToFullHeight();
}
this.isOpen = !this.isOpen;
this.eventBroadcaster?.broadcastEvent({
type: PageEventType.onBodyDimensionsChanged
});
}
private notifyOfHeightChange(change: number = null) {
const notify = () =>
this.eventBroadcaster?.broadcastEvent({
type: PageEventType.onBodyDimensionsChanged,
data: change
});
notify();
setTimeout(notify, 350);
}
private static hide(element: HTMLElement) {
element.style.opacity = "0";
setTimeout(() => (element.style.visibility = "hidden"), 350);
setTimeout(() => {
element.style.visibility = "hidden";
}, 350);
}
private static show(element: HTMLElement) {
@ -61,6 +71,7 @@ export class PageTimelineElement extends PageElement {
private openMoreToFullHeight() {
this.more.style.height = `${this.more.scrollHeight.toString()}px`;
this.notifyOfHeightChange();
}
private handleResize() {