|
@@ -75,17 +75,17 @@
|
|
|
position: absolute;
|
|
|
background-color: #ffeff1;
|
|
|
border: 0.125rem solid #D32F2F;
|
|
|
- max-width: 100%;
|
|
|
font-size: 0.9rem;
|
|
|
padding: 0.1rem 0.25rem;
|
|
|
- top: -1.75rem;
|
|
|
- right: 0;
|
|
|
+ top: 0.2125rem;
|
|
|
+ left: calc(100% + 0.25rem);
|
|
|
+ white-space: nowrap;
|
|
|
|
|
|
|
|
|
&:first-letter{ text-transform: capitalize; }
|
|
|
|
|
|
opacity: 0;
|
|
|
- pointer-events: 0;
|
|
|
+ pointer-events: none;
|
|
|
margin-top: -1rem;
|
|
|
transition: opacity 0.2s, margin-top 0.2s;
|
|
|
|
|
@@ -102,10 +102,10 @@
|
|
|
width: 0;
|
|
|
height: 0;
|
|
|
display: inline-block;
|
|
|
- bottom: -0.65rem;
|
|
|
- border-left: 0.3rem solid transparent;
|
|
|
- border-right: 0.3rem solid transparent;
|
|
|
- border-top: 0.3rem solid #D32F2F;
|
|
|
+ right: calc(100% + 0.3rem);
|
|
|
+ border-top: 0.3rem solid transparent;
|
|
|
+ border-bottom: 0.3rem solid transparent;
|
|
|
+ border-right: 0.3rem solid #D32F2F;
|
|
|
}
|
|
|
}
|
|
|
}
|