lib/assets/stylesheets/uniform/components/tooltip.scss in uniform-ui-2.2.2 vs lib/assets/stylesheets/uniform/components/tooltip.scss in uniform-ui-2.3.2
- old
+ new
@@ -1,52 +1,30 @@
.uniformTooltip{
position:relative;
- cursor: pointer;
+ cursor: help;
&.active{
z-index:2;
}
}
.uniformTooltip-popup{
- display:none;
- position: absolute;
+ position: relative;
background: white;
- border: 1px solid color('gray-light');
+ border: 1px solid color('gray');
padding: 0.5em;
- opacity: 0;
- bottom: 200%;
- left: -1.5em;
- margin: 0.5em;
- z-index: 1;
- color: color('gray');
+ color: color('gray-darkest');
font-size:0.9em;
border-radius: 0.25em;
max-width: 30vw;
- transition: left 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in, opacity 0.2s ease-in;
- &.-reveal{
- bottom: 100%;
- opacity: 1;
- &.-align-bottom{
- top: 100%;
- }
- }
- &.-align-bottom{
- top: 200%;
- bottom: auto;
- .uniformTooltip-pointer{
- top: -1em;
- &:after{
- top: 85%;
- }
- }
- }
+ white-space: normal;
p:last-child{
margin-bottom: 0;
}
.uniformTooltip-pointer{
position:absolute;
top: 100%;
- left: 1em;
+ left: 50%;
+ transform: translateX(-50%);
width: 1em;
height: 1em;
overflow: hidden;
&:after{
content: "";
@@ -55,9 +33,9 @@
height: 100%;
background: white;
transform: rotate(-45deg);
top: -85%;
left: 0;
- border: 1px solid color('gray-light');
+ border: 1px solid color('gray');
}
}
}
\ No newline at end of file