Skip to content
This repository has been archived by the owner. It is now read-only.

Avoid globally namespaced css classes #488

Closed
amyhua opened this Issue Nov 8, 2016 · 1 comment

Comments

Projects
None yet
2 participants
@amyhua
Copy link

amyhua commented Nov 8, 2016

Bug description / Feature request:

angular-bootstrap-calendar.css uses global css classes like

.event {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  margin-bottom: 2px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  border: 1px solid #ffffff;
}
.event,
.event-block {
  display: block;
  background-color: #c3c3c3;
}

instead of namespacing them, e.g. .angular-bootstrap-calendar .event, .angular-bootstrap-calendar .event-block

Link to minimally-working plunker that reproduces the issue:

See existing angular-bootstrap-calendar demo

Versions

Calendar library: v0.25.0

@mattlewis92

This comment has been minimized.

Copy link
Owner

mattlewis92 commented Nov 9, 2016

Good catch, I'm surprised no one's ever reported this before! Wrapping all CSS selectors in mwl-calendar should do the trick, will push a fix soon.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
You can’t perform that action at this time.