fix(b-avatar): badge z-index handling (#5975)

jacobmllr95 · web-flow · commit ecb33bdb5108 · 2020-10-28T16:56:18.000+01:00
diff --git a/src/components/avatar/README.md b/src/components/avatar/README.md
@@ -236,7 +236,7 @@ When set to `true` (or the empty string `''`), it uses the Bootstrap default of
 
 ```html
 <template>
-  <div style="font-size: 2rem;">
+  <div>
     <b-avatar rounded="sm"></b-avatar>
     <b-avatar rounded></b-avatar>
     <b-avatar rounded="lg"></b-avatar>
@@ -381,7 +381,7 @@ Add textual content to the badge by supplying a string to the `badge` prop, or u
 
 ```html
 <template>
-  <div style="font-size: 2rem">
+  <div>
     <b-avatar badge="BV"></b-avatar>
     <b-avatar badge="7" variant="primary" badge-variant="dark"></b-avatar>
     <b-avatar badge-variant="info" src="https://placekitten.com/300/300">
diff --git a/src/components/avatar/_avatar.scss b/src/components/avatar/_avatar.scss
@@ -99,7 +99,7 @@
     border-radius: 10em;
     font-size: 70%;
     font-weight: 700;
-    z-index: 5;
+    z-index: 1;
   }
 }
 
@@ -142,7 +142,7 @@
   a,
   .btn {
     &.b-avatar:hover:not(.disabled):not(disabled) {
-      z-index: 3;
+      z-index: 1;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@`
`99`	`99`	`border-radius: 10em;`
`100`	`100`	`font-size: 70%;`
`101`	`101`	`font-weight: 700;`
`102`		`- z-index: 5;`
	`102`	`+ z-index: 1;`
`103`	`103`	`}`
`104`	`104`	`}`
`105`	`105`
`@@ -142,7 +142,7 @@`
`142`	`142`	`a,`
`143`	`143`	`.btn {`
`144`	`144`	`&.b-avatar:hover:not(.disabled):not(disabled) {`
`145`		`- z-index: 3;`
	`145`	`+ z-index: 1;`
`146`	`146`	`}`
`147`	`147`	`}`
`148`	`148`	`}`