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