Change q-radial-ripple so that it plays nice with tables (quasarframework#2485)

Solve vertical scroll present in IE

Author: pdanpdan

src/components/table/table.ios.styl

@@ -109,9 +109,6 @@
     font-weight 400
     font-size 13px
 
-  .q-radial-ripple
-    margin-bottom -100%
-
 .q-table-col-auto-width
   width 1px
 

src/components/table/table.mat.styl

@@ -109,9 +109,6 @@
     font-weight 400
     font-size 13px
 
-  .q-radial-ripple
-    margin-bottom -100%
-
 .q-table-col-auto-width
   width 1px
 

src/css/core/ripples.styl

@@ -33,23 +33,22 @@
 
 .q-radial-ripple
   overflow hidden
-  transform translate3d(-25%, -25%, 0)
-  width 200%
-  height 200%
   border-radius 50%
   pointer-events none
+  position absolute
+  top -50%
+  left -50%
+  width 200%
+  height 200%
 
-  &, &:after
+  &:after
+    content ''
+    display block
     position absolute
     top 0
+    left 0
     right 0
     bottom 0
-    left 0
-  &:after
-    content ''
-    display block
-    width 100%
-    height 100%
     background-image radial-gradient(circle, currentColor 10%, transparent 10.01%)
     background-repeat no-repeat
     background-position 50%