Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.
This repository was archived by the owner on Dec 19, 2024. It is now read-only.

Make knob size configurable #154

@LostInBrittany

Description

@LostInBrittany

Description

I use paper-slider in metro-like tiles, and in order to make them look good, I give them a high --paper-slider-height.

Currently the knob size is fixed to 10px+ --paper-slider-height (and it's inside a knob container div of 30px + --paper-slider-height ). With big values of --paper-slider-height (let's say 10px), the knob looks too small.

I thought that a --paper-slider-knob-size would be a worthy and fitting addition to the CSS custom properties available for paper-slider.

Actual look

High --paper-slider-height without --paper-slider-knob-size:

paper-slider-before

Desired look

High --paper-slider-height with --paper-slider-knob-size, using the modified version on my fork:

paper-slider-after

Live Demo

Example: http://jsbin.com/pilogib/4/edit?html,output

Tested on

  • [x ] Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions