9b256d3da6
* ui: CSS and component changes to the <EmptyState /> component * ui: Reset the auth-form component back to its initial state Moving forwards we are going to have the auth-form on the page all the time, even when logged in (for relogging in purposes). This means the auth-form will not always be removed from the DOM when you log in. This sets the form back to its idle state before calling onsubmit * ui: Make a public api for modal-dialog with a single close method * ui : Move cache reset somewhere that makes more sense, + single refresh 1. Centralize cache resetting elsewhere, for now the store makes most sense, although I would prefer the Repository class, so using the store is temporary 2. We only need to refresh on login once, unless we have a differing nspace * ui: Ensure visibilitychange events are cleaned up * ui: Only cache DataSource data if we have any, + only clear the cache * ui: Add the modal login dialog to both unauth and auth views This means we can 'relogin' when already logged in * ui: Add new empty states * ui: CSS Tweaks * Remove marketing grays
43 lines
689 B
SCSS
43 lines
689 B
SCSS
%empty-state,
|
|
%empty-state > div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
%empty-state-header {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
%empty-state {
|
|
margin-top: 0 !important;
|
|
padding-bottom: 2.8em;
|
|
}
|
|
%empty-state > * {
|
|
width: 370px;
|
|
margin: 0 auto;
|
|
}
|
|
%empty-state label {
|
|
margin: 0 auto !important;
|
|
}
|
|
%empty-state-header {
|
|
margin-bottom: -3px;
|
|
}
|
|
%empty-state header {
|
|
margin-top: 1.8em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
%empty-state > ul {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
margin-top: 1.5em;
|
|
padding-top: 0.6em;
|
|
border-top: 1px solid;
|
|
}
|
|
%empty-state-anchor {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
%empty-state-anchor::before {
|
|
margin-top: -1px;
|
|
}
|