how to change the size of angular bootstrap calendar?-CodePudding

<mwl-calendar-month-view>
</mwl-calendar-month-view>

I tried to reduce it in many ways: from the .scss file, with "style" inline,via class and without... but nothing works. Please give me an idea how can I do this Thanks

CodePudding user response：

Welcome back :D In the documentation of this library, the developer says that not every component contains styles so that it is easier to overwrite them. Somewhere here: https://mattlewis92.github.io/angular-calendar/docs/index.html But if this is the case then you must use the word "!important" after each rule. For example:

.some-example-class {
  background-color: #fff !important;
  font-size: 12px !important;
}

Or try with "::ng-deep" but I'm not sure exactly how it works, something like this:

::ng-deep {
  .some-example-class {
    background-color: #fff;
    font-size: 12px;
  }
}

You can also combine "::ng-deep" and "!important".