Как добавить треугольник падения вниз с помощью углового материала

Question

Я пытаюсь создать раскрывающийся с помощью MD-меню-бар и MD-меню вы можете увидеть в снимках

используя код

<md-menu-bar> 
    <md-menu> 
    <md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="$mdOpenMenu($event)"> 
        <img ng-src="https://media.licdn.com/mpr/mpr/p/5/005/098/12f/223c996.jpg" class="uilr-avatar"> 
       </md-button> 
       <md-menu-content width="4"> 
        <md-menu-item> 
         <md-button ng-click="ctrl.redial($event)"> 
          <md-icon md-svg-icon="call:dialpad" md-menu-align-target></md-icon> 
          Redial 
         </md-button> 
        </md-menu-item> 
        <md-menu-item> 
         <md-button disabled="disabled" ng-click="ctrl.checkVoicemail()"> 
          <md-icon md-svg-icon="call:voicemail"></md-icon> 
          Check voicemail 
         </md-button> 
        </md-menu-item> 
        <md-menu-divider></md-menu-divider> 
        <md-menu-item> 
         <md-button ng-click="ctrl.toggleNotifications()"> 
          <md-icon md-svg-icon="social:notifications-{{ctrl.notificationsEnabled ? 'off' : 'on'}}"></md-icon> 
          {{ctrl.notificationsEnabled ? 'Disable' : 'Enable' }} notifications 
         </md-button> 
        </md-menu-item> 
       </md-menu-content> 
      </md-menu> 
     </md-menu-bar> 

, но я хочу это падение вниз с треугольником на верхней пожалуйста, проверьте снимки извлекая из inbox.google.com

, пожалуйста, как я могу достичь т его. Заранее спасибо

Answer 1

, пожалуйста, проверьте следующую скрипку это то, что вы хотите?

[https://jsfiddle.net/suunyz3e/252/]