ruby on rails - How to change md fab speed dial to show on click? Angular material -


how change md-fab-speed-dial open , activate speed dial menu click, not hover. , how can remove whitespace (on picture)?

here view

md-fab-speed-dial md-open="demo.isopen" md-direction="{{ demo.selecteddirection }}"  ng-class="demo.selectedmode"     md-fab-trigger.actions-icon-menu       md-button.md-icon-button aria-label="menu"         md-icon.more-icon md-svg-src="#{asset_path('icons/more_icon.svg')}"     md-fab-actions.actions-menu       section.actions_icons layout="row" layout-align="center center"         md-button.md-primary aria-label="edit icon"           md-icon md-svg-src="#{asset_path('actions_icons/edit.svg')}"         md-button.md-primary aria-label="remove icon"           md-icon md-svg-src="#{asset_path('actions_icons/remove.svg')}"         md-button.md-primary aria-label="download icon"           md-icon md-svg-src="#{asset_path('actions_icons/download.svg')}"         md-button.md-primary aria-label="print icon"           md-icon md-svg-src="#{asset_path('actions_icons/print.svg')}"         md-button.md-primary aria-label="mail icon"           md-icon md-svg-src="#{asset_path('actions_icons/mail.svg')}" 

controller:

function ($scope, $mdsidenav, $mdutil, $location, invoice) {        $scope.demo = {         topdirections: ['left', 'up'],         bottomdirections: ['down', 'right'],          isopen: false,          availablemodes: ['md-fling', 'md-scale'],         selectedmode: 'md-fling',          availabledirections: ['up', 'down', 'left', 'right'],         selecteddirection: 'left'       };     }]); 

whether md fab dial open depends on 'demo.isopen' model. can decide use ng-mouseenter or ng-click.


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -