Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Lazy load components (#3879)

Browse source 
* feat: Lazy-load routes

* feat: Lazy-load modals

* feat: Lazy-load columns

* refactor: Simplify Bundle API

* feat: Optimize bundles

* feat: Prevent flashing the waiting state

* feat: Preload commonly used bundles

* feat: Lazy load Compose reducers

* feat: Lazy load Notifications reducer

* refactor: Move all dynamic imports into one file

* fix: Minor bugs

* fix: Manually hydrate the lazy-loaded reducers

* refactor: Move all dynamic imports to async-components

* fix: Loading modal style

* refactor: Avoid converting the raw state for each lazy hydration

* refactor: Remove unused component

* refactor: Maintain modal name

* fix: Add as=script to preload link

* chore: Fix lint error

* fix(components/bundle): Check if timestamp is set when computing elapsed

* fix: Load compose reducers for the onboarding modal
This commit is contained in:
Sorin Davidoi 2017-07-08 00:06:02 +02:00 • committed by Eugen Rochko
parent 00df69bc89
commit 348d6f5e75
22 changed files with 679 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

31
app/javascript/styles/components.scss
View file

@ -2300,7 +2300,8 @@ button.icon-button.active i.fa-retweet {
vertical-align: middle;
}
.empty-column-indicator {
.empty-column-indicator,
.error-column {
color: lighten($ui-base-color, 20%);
background: $ui-base-color;
text-align: center;
@ -2326,6 +2327,10 @@ button.icon-button.active i.fa-retweet {
}
}
.error-column {
flex-direction: column;
}
@keyframes pulse {
0% {
opacity: 1;
@ -2909,7 +2914,8 @@ button.icon-button.active i.fa-retweet {
z-index: 100;
}
.onboarding-modal {
.onboarding-modal,
.error-modal {
background: $ui-secondary-color;
color: $ui-base-color;
border-radius: 8px;
@ -2918,7 +2924,8 @@ button.icon-button.active i.fa-retweet {
flex-direction: column;
}
.onboarding-modal__pager {
.onboarding-modal__pager,
.error-modal__body {
height: 80vh;
width: 80vw;
max-width: 520px;
@ -2943,6 +2950,14 @@ button.icon-button.active i.fa-retweet {
}
}
.error-modal__body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media screen and (max-width: 550px) {
.onboarding-modal {
width: 100%;
@ -2959,7 +2974,8 @@ button.icon-button.active i.fa-retweet {
}
}
.onboarding-modal__paginator {
.onboarding-modal__paginator,
.error-modal__footer {
flex: 0 0 auto;
background: darken($ui-secondary-color, 8%);
display: flex;
@ -2969,7 +2985,8 @@ button.icon-button.active i.fa-retweet {
min-width: 33px;
}
.onboarding-modal__nav {
.onboarding-modal__nav,
.error-modal__nav {
color: darken($ui-secondary-color, 34%);
background-color: transparent;
border: 0;
@ -2992,6 +3009,10 @@ button.icon-button.active i.fa-retweet {
}
}
.error-modal__footer {
justify-content: center;
}
.onboarding-modal__dots {
flex: 1 1 auto;
display: flex;