feat: change stepper svgs and border radius
Removed unused hover selectors.
Oscar Lorentzon
@ -11,6 +11,7 @@
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.SequencePlay,
|
||||
@ -41,27 +42,11 @@
|
||||
background: rgba(36, 37, 40, 0.6);
|
||||
}
|
||||
|
||||
.SequencePlay:hover,
|
||||
.SequenceStepNext:hover,
|
||||
.SequenceStepNextHighlight:hover,
|
||||
.SequenceStepPrev:hover,
|
||||
.SequenceStepPrevHighlight:hover {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.SequenceStepNext,
|
||||
.SequenceStepNextDisabled,
|
||||
.SequenceStepNextHighlight {
|
||||
border-top-right-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
}
|
||||
|
||||
.SequenceStepPrev,
|
||||
.SequenceStepPrevDisabled,
|
||||
.SequenceStepPrevHighlight {
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
|
||||
.Play.SequenceComponentIcon,
|
||||
|
||||
@ -1 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>stepper-left</title><path d="M6.614 8l4.418-4.46c.377-.352.377-.922 0-1.276-.377-.352-.986-.352-1.363 0L4.282 7.36c-.377.355-.377.926 0 1.278l5.386 5.097c.374.355.985.352 1.362 0 .377-.35.377-.922 0-1.276L6.614 8z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>
|
||||
chevronleft
|
||||
</title>
|
||||
<path d="M6.268 8.0002l5.5215-5.9473c.471-.4697.471-1.2296 0-1.701-.471-.4694-1.2323-.4694-1.7034 0L3.3534 7.148c-.471.4714-.471 1.233 0 1.7026l6.7328 6.796c.4695.473 1.2324.4695 1.7035 0 .471-.4678.471-1.2295 0-1.7008L6.268 8.0002z" fill="#FFF" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 344 B After Width: | Height: | Size: 398 B |
@ -1 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>stepper-play</title><path d="M14.132 8.515l-8.947 5.303c-.652.41-1.185.106-1.185-.67V2.853c0-.777.533-1.078 1.186-.67l8.947 5.305s.318.215.318.514c0 .3-.318.515-.318.515z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>
|
||||
play
|
||||
</title>
|
||||
<path d="M14.8952 8.6865L3.5082 15.757C2.6783 16.302 2 15.898 2 14.865V1.136C2 .1 2.6783-.301 3.5096.243l11.387 7.073c-.0014 0 .4043.2867.4043.6853 0 .3988-.4058.6855-.4058.6855z" fill="#FFF" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 301 B After Width: | Height: | Size: 337 B |
@ -1 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>stepper-right</title><path d="M9.386 8L4.968 3.54c-.377-.352-.377-.922 0-1.276.377-.352.986-.352 1.363 0l5.387 5.097c.377.355.377.926 0 1.278L6.33 13.735c-.374.355-.985.352-1.362 0-.377-.35-.377-.922 0-1.276L9.386 8z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>
|
||||
chevronright
|
||||
</title>
|
||||
<path d="M9.875 8.0002L4.3532 2.053c-.471-.4697-.471-1.2296 0-1.701.4712-.4694 1.2323-.4694 1.7034 0l6.7328 6.796c.471.4714.471 1.233 0 1.7026l-6.7328 6.796c-.4693.473-1.2322.4695-1.7034 0-.471-.4678-.471-1.2295 0-1.7008L9.875 8.0002z" fill="#FFF" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 347 B After Width: | Height: | Size: 401 B |
@ -1 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>stepper-stop</title><rect width="12" height="12" rx="2" transform="translate(2 2)" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>
|
||||
stop
|
||||
</title>
|
||||
<path d="M0 1.994C0 .893.8945 0 1.994 0h12.012C15.107 0 16 .8945 16 1.994v12.012C16 15.107 15.1055 16 14.006 16H1.994C.893 16 0 15.1055 0 14.006V1.994z" fill="#FFF" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 212 B After Width: | Height: | Size: 310 B |