mdPickers icon indicating copy to clipboard operation
mdPickers copied to clipboard

Css rule .mdp-calendar-days .md-button should have !important

Open mribichich opened this issue 8 years ago • 1 comments

Hi there, I'm using v0.7.5 and angular material v1.1.0-rc4

I'm having a weird look on the calendar, since angular material has a css rule like this:

.md-button.md-icon-button{
    margin: 0 6px;
    ...
}

Because of that rule the circle for the days looks bad.

image

But adding !important to your css rule, would fix it.

before:

.mdp-calendar-days .md-button, 
.mdp-calendar-days .mdp-day-placeholder, 
.mdp-calendar-week-days>* {
    margin: 0;
}

after:

.mdp-calendar-days .md-button, 
.mdp-calendar-days .mdp-day-placeholder, 
.mdp-calendar-week-days>* {
    margin: 0 !important;
}

mribichich avatar Jun 03 '16 15:06 mribichich

+1

bbjoern avatar May 14 '17 09:05 bbjoern