LukaszWatroba / v-accordion

Multi-level accordion component for AngularJS.
http://lukaszwatroba.github.io/v-accordion
MIT License
310 stars 100 forks source link

How can I change the +/- icon to up and down arrow #73

Open ravikajain opened 8 years ago

ravikajain commented 8 years ago

Please suggest me. How can I change the +/- icon to up and down arrow in header

AnirudhaGohokar commented 7 years ago

You can add icons

vAccordion--default v-pane-header::after ,vAccordion--default v-pane-header::before{
    content:''; /*reset the content*/
    top: 35%;/*adjust the position of background image*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: inherit !important; /* remove any default colors*/
    right: auto;
    height: 20px;/*set height of image*/
    width: 20px;/*set width of image*/
    left: 10px; /*adjust the left alignment*/
}

/* set the collapse icon*/
vAccordion--default v-pane-header::after {
    background-image:url('../images/collapse.png');
}

/* set the expand icon*/
v-pane.is-expanded v-pane-header::before{
    background-image:url('../images/expand.png');
}