Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

$mdToast: Action button padding issue #1193

Closed
epelc opened this issue Jan 14, 2015 · 3 comments
Closed

$mdToast: Action button padding issue #1193

epelc opened this issue Jan 14, 2015 · 3 comments
Assignees
Milestone

Comments

@epelc
Copy link
Contributor

epelc commented Jan 14, 2015

The action button has too much padding on the left side
image

Built with

$mdToast.show($mdToast.simple()
        .position('bottom right')
        .content('There is an update available')
        .action('UPGRADE')
        .highlightAction(true))
    .then(function() {
       //update the app...
    })

This appears to be only in 0.7.0-rc2 as the docs which are currently running 0.7.0-rc1 work fine.

@gustavohenke
Copy link

See my reporting in #1199, I think it's more detailed.

@mckenzielong
Copy link
Contributor

md-action has padding-left:24px... does setting highlightAction actually do anything?

          template: [
            '<md-toast ng-class="{\'md-capsule\': toast.capsule}">',
              '<span flex>{{ toast.content }}</span>',
              '<md-button ng-if="toast.action" ng-click="toast.resolve()" ng-class="{\'md-action\': toast.highlightAction}">',
                '{{ toast.action }}',
              '</md-button>',
            '</md-toast>'
          ]

@epelc
Copy link
Contributor Author

epelc commented Jan 15, 2015

@mckenzielong I don't think it does. I expected it to make it to make the text colored but that didn't work.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants