fix: Alert "left" and "right" position

Author: rstoenescu

src/components/alert/QAlert.vue

@@ -96,8 +96,9 @@ export default {
       return this.icon || typeIcon[this.color] || typeIcon.warning
     },
     containerClass () {
-      if (this.position) {
-        return `fixed-${this.position} z-alert`
+      const pos = this.position
+      if (pos) {
+        return `fixed-${pos}${pos === 'left' || pos === 'right' ? ' row items-center' : ''} z-alert`
       }
     },
     classes () {

src/components/alert/alert.ios.styl

@@ -1,8 +1,12 @@
+.q-alert-container
+  pointer-events none
+
 .q-alert
   color $alert-color
   background $alert-background
   border-radius $alert-border-radius
   min-width $alert-min-width
+  pointer-events all
 
 .q-alert-icon, .q-alert-content
   padding $alert-padding

src/components/alert/alert.mat.styl

@@ -1,8 +1,12 @@
+.q-alert-container
+  pointer-events none
+
 .q-alert
   color $alert-color
   background $alert-background
   border-radius $alert-border-radius
   min-width $alert-min-width
+  pointer-events all
 
 .q-alert-icon, .q-alert-content
   padding $alert-padding

src/css/core/orientation.styl

@@ -10,6 +10,8 @@
   transform rotate(205deg)
 .rotate-270
   transform rotate(270deg)
+.rotate-315
+  transform rotate(315deg)
 .flip-horizontal
   transform scale(-1, 1)
 .flip-vertical