search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Change Arrow Icon on Links

Related article: React: Milestone Scheduler
Asked by Anonymous
2 years ago.

How to change the arrow icon on links?

Answer posted by Dan Letecky [DayPilot]
2 years ago.

The link arrows are 6px * 6px elements marked with the following CSS classes:

scheduler_default_link_arrow_right
scheduler_default_link_arrow_left
scheduler_default_link_arrow_down
scheduler_default_link_arrow_up

The default styles (from the built-in theme) are as follows:

.scheduler_default_link_arrow_right:before { content: ''; border-width: 6px; border-color: transparent transparent transparent #cc0000; border-style: solid; width: 0px; height:0px; position: absolute; }
.scheduler_default_link_arrow_left:before { content: ''; border-width: 6px; border-color: transparent #cc0000 transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.scheduler_default_link_arrow_down:before { content: ''; border-width: 6px; border-color: #cc0000 transparent transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.scheduler_default_link_arrow_up:before { content: ''; border-width: 6px; border-color: transparent transparent #cc0000 transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.