Как добавить стрелку вверх к MI Popover, используя свойство before CSS? - PullRequest
Новая
       62

Как добавить стрелку вверх к MI Popover, используя свойство before CSS?

1 голос
/ 30 марта 2020

У меня есть Popover: 

<Popover
    id={id}
    open={openMe}
    anchorEl={anchorEl}
    className={classes.popover}
    onClose={handleCloseMe}
    anchorOrigin={{
      vertical: 'bottom',
      horizontal: 'center',
    }}
    transformOrigin={{
      vertical: 'top',
      horizontal: 'center',
    }}
>
  <Typography className={`${classes.popover} ${classes.typography}`}>
    ... Some contents
  </Typography>
</Popover>

И мы хотели бы добавить стрелку к Popover.

Я написал класс CSS для этого: 

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
}

Как добавить стрелку в класс материала пользовательского интерфейса Popover?

...