angular-ui-switch icon indicating copy to clipboard operation
angular-ui-switch copied to clipboard

Is it possible to make the switch bigger?

Open sebastialonso opened this issue 10 years ago • 1 comments

I tried playing with styles as the README said, and I'm getting this

The issue is that the button, the <small> element is not moving accordingly.

.switch {
  width: 100%;
}
.switch small {
}
.switch.checked { 
  width: 100%;
}
.switch.checked small {
}

Should I also re-styled the button or I need to mess with the directive?

sebastialonso avatar Mar 19 '15 16:03 sebastialonso

That's the width of your container Keep it inside a smaller container or add a

.switch{
   width: 120px;
}

rifer avatar Nov 25 '15 10:11 rifer