ENGCOM-4068: Fix issue 19328 - Success Message Icon vertically misaligned in admin panel #19333

sidolov · web-flow · commit fa7dd3c7bda5 · 2019-02-11T13:46:56.000-06:00
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_messages.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_messages.less
@@ -76,7 +76,8 @@
         position: absolute;
         speak: none;
         text-shadow: none;
-        top: 1.5rem;
+        top: 50%;
+        margin-top: -1.25rem;
         width: auto;
     }
 }
@@ -110,7 +111,7 @@
         content: @alert-icon__error__content;
         font-size: @alert-icon__error__font-size;
         left: 2.2rem;
-        margin-top: .5rem;
+        margin-top: -1.1rem;
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,8 @@`
`76`	`76`	`position: absolute;`
`77`	`77`	`speak: none;`
`78`	`78`	`text-shadow: none;`
`79`		`- top: 1.5rem;`
	`79`	`+ top: 50%;`
	`80`	`+ margin-top: -1.25rem;`
`80`	`81`	`width: auto;`
`81`	`82`	`}`
`82`	`83`	`}`
`@@ -110,7 +111,7 @@`
`110`	`111`	`content: @alert-icon__error__content;`
`111`	`112`	`font-size: @alert-icon__error__font-size;`
`112`	`113`	`left: 2.2rem;`
`113`		`- margin-top: .5rem;`
	`114`	`+ margin-top: -1.1rem;`
`114`	`115`	`}`
`115`	`116`	`}`
`116`	`117`