Changes in loading css

2018-07-27 16:02:22 +05:30 · 2018-07-27 16:02:22 +05:30 · 15fafe6129
--- a/index.css
+++ b/index.css
@ -1,27 +0,0 @@
-
-.bounce1,
-.bounce2 {
-    -webkit-animation-delay: -0.32s;
-    animation-delay: -0.32s;
-}
-
-.loader > div {
-    width: 18px;
-    height: 18px;
-    background-color: #00BCD4;
-    border-radius: 100%;
-    display: inline-block;
-    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-}
-.splash {
-    color: #00BCD4;
-    text-align: center;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    margin-top: -90px;
-    margin-left: -100px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-}
--- a/index.html
+++ b/index.html
@ -8,9 +8,11 @@
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <link rel="shortcut icon" href="static/favicon.ico" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="https://cdn.syncfusion.com/ej2/fabric.css" rel="stylesheet" />
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
+    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
  </body>
 </html>
--- a/src/App.vue
+++ b/src/App.vue
@ -1,7 +1,5 @@
 <template>
  <div id="app" v-on:click="closeMenus">
-    <link href="https://cdn.syncfusion.com/ej2/fabric.css" rel="stylesheet" />
-    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
 <div class="control-section">
    <div id="wrapper">
        <title>IT Asset Management</title>
@ -74,13 +72,14 @@ html {
    font-size: 20px;
    padding: 10px 10px;
    /* position: relative; */
-    overflow: auto;
    height: 100%;
    min-height: 100%;
    min-height: fill-available;
    min-height: -webkit-fill-available;
    min-height: -moz-available;
    background: linear-gradient(#F9FBFC, #E3E7F0);
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 .top-row {
    padding-top: 10px;
@ -532,6 +531,9 @@ export default Vue.extend({
            bellColor: Browser.isDevice ? '#fff' : '#999999'
        }
    },
+    mounted: function () {
+        window.dispatchEvent(new Event('resize'))
+    },
    methods: {
        onComplete: function (args) {
            var name = this.$router.currentRoute.name
--- a/src/assets/Notification.png
+++ b/src/assets/Notification.png
--- a/src/components/dashboard/RecentActivity.vue
+++ b/src/components/dashboard/RecentActivity.vue
@ -1,9 +0,0 @@
-<template>
-<div></div>
-</template>
-<script>
-export default {
-}
-</script>
-<style scoped>
-</style>