@@ -18,7 +18,7 @@ import { buildBorderStyles } from '../../styles/styles';
1818import  {  Border  }  from  '../../styles/styleElements' ; 
1919import  {  clamp ,  roundValueToStep ,  findClosest  }  from  '../../utils' ; 
2020
21- import  {  Panel ,  Text  }  from  '../..' ; 
21+ import  {  Panel ,  Text ,   Label  }  from  '../..' ; 
2222
2323function  percentToValue ( percent : number ,  min : number ,  max : number )  { 
2424  return  ( max  -  min )  *  percent  +  min ; 
@@ -181,17 +181,9 @@ const Slider = ({
181181              ) } 
182182              { isUsed  &&  ( 
183183                < View  style = { styles . tooltipWrapper } > 
184-                   < View 
185-                     style = { [ 
186-                       styles . tooltip , 
187-                       { 
188-                         borderColor : theme . borderDarkest , 
189-                         backgroundColor : theme . tooltip , 
190-                       } , 
191-                     ] } 
192-                   > 
193-                     < Text  style = { styles . tooltipText } > { value } </ Text > 
194-                   </ View > 
184+                   < Label  elevation = { 4 }  style = { styles . tooltip } > 
185+                     { value } 
186+                   </ Label > 
195187                </ View > 
196188              ) } 
197189            </ Panel > 
@@ -249,7 +241,6 @@ const thumbWidth = 18;
249241const  thumbHeight  =  32 ; 
250242const  tickSize  =  6 ; 
251243
252- const  tooltipHeight  =  30 ; 
253244const  styles  =  StyleSheet . create ( { 
254245  wrapper : { 
255246    paddingVertical : 4 , 
@@ -279,21 +270,14 @@ const styles = StyleSheet.create({
279270  } , 
280271  tooltipWrapper : { 
281272    position : 'absolute' , 
282-     top : - ( tooltipHeight   +   18 ) , 
273+     top : - 44 , 
283274    left : thumbWidth  /  2 , 
284275    alignItems : 'center' , 
285276  } , 
286277  tooltip : { 
287278    position : 'absolute' , 
288279    alignItems : 'center' , 
289280    justifyContent : 'center' , 
290-     borderRadius : 4 , 
291-     borderWidth : 2 , 
292-     padding : 8 , 
293-     backgroundColor : 'red' , 
294-   } , 
295-   tooltipText : { 
296-     fontSize : 16 , 
297281  } , 
298282  marksWrapper : { 
299283    position : 'relative' , 
0 commit comments