Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix notification styles

Browse Source
This commit is contained in:
James Lyne 2021-05-27 00:01:09 +01:00
parent 7f9f8e2136
commit 6f11542b33
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@ -18,7 +18,7 @@
<Map></Map> <Map></Map>
<Sidebar></Sidebar> <Sidebar></Sidebar>
<ChatBox v-if="chatBoxEnabled" v-show="chatBoxEnabled && chatVisible"></ChatBox> <ChatBox v-if="chatBoxEnabled" v-show="chatBoxEnabled && chatVisible"></ChatBox>
<notifications position="bottom center" :speed="250" :max="3" :ignoreDuplicates="true" /> <notifications position="bottom center" :speed="250" :max="3" :ignoreDuplicates="true" classes="notification" />
</template> </template>
<script lang="ts"> <script lang="ts">
@ -57,7 +57,15 @@ export default defineComponent({
try { try {
await store.dispatch(ActionTypes.LOAD_CONFIGURATION, undefined); await store.dispatch(ActionTypes.LOAD_CONFIGURATION, undefined);
startUpdates(); startUpdates();
requestAnimationFrame(() => window.hideSplash()); requestAnimationFrame(() => {
window.hideSplash();
const map = document.getElementById('#app');
if(map) {
(map as HTMLElement).focus();
}
});
} catch(e) { } catch(e) {
//Request was aborted, probably because another server was selected before the request finished. Don't retry //Request was aborted, probably because another server was selected before the request finished. Don't retry
if(e instanceof DOMException && e.name === 'AbortError') { if(e instanceof DOMException && e.name === 'AbortError') {

2
src/scss/_notifications.scss
View File

@ -1,4 +1,4 @@
.vue-notification { .vue-notification-group .notification {
margin: 0 0.5rem 1rem; margin: 0 0.5rem 1rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
min-height: 5rem; min-height: 5rem;