add scroll to list of site & change default style for scroll

hai-altx-soft · hai-altx-soft · commit 77af1e7c3b39 · 2018-12-28T14:23:41.000+03:00
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
 
 <body>
    <hr>
-   <div id="resultTable"></div>
+   <div class="list-of-site" id="resultTable"></div>
    <hr>
    <div class="inline-flex">
       <span class="span-total">Total</span>
diff --git a/style/webact.css b/style/webact.css
@@ -3,6 +3,11 @@ body {
     color: #262626;
 }
 
+.list-of-site{
+    height: 400px;
+    overflow-y: auto;
+}
+
 .inline-flex{
     display: inline-flex;
 }
@@ -29,13 +34,14 @@ body {
 }
 
 .span-percentage{
+    width: 40px;
     color: rgb(78, 78, 78);
     font-size: 11px;
 }
 
 .span-time{
     margin-left: 10px;
-    width: 70px;
+    width: 80px;
     font-weight: 500;
 }
 
@@ -47,4 +53,24 @@ hr {
     border: none;
     background-color: rgb(223, 222, 222);
     height: 2px;
-   }
+   }
+
+::-webkit-scrollbar-track
+{
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	border-radius: 10px;
+	background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar
+{
+	width: 7px;
+	background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar-thumb
+{
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+	background-color: #555;
+}
