Color bar component: minor fixes
This commit is contained in:
parent
a2b2fd5581
commit
33608a1197
@ -111,4 +111,4 @@
|
|||||||
.CDB-ColorBar.CDB-ColorBar--spaceSmall:last-child {
|
.CDB-ColorBar.CDB-ColorBar--spaceSmall:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
border-radius: 3px 6px 6px 3px;
|
border-radius: 3px 6px 6px 3px;
|
||||||
}
|
}
|
||||||
|
@ -53,12 +53,12 @@
|
|||||||
<button type="button" class="CDB-OptionInput">
|
<button type="button" class="CDB-OptionInput">
|
||||||
<div class="CDB-OptionInput-container">
|
<div class="CDB-OptionInput-container">
|
||||||
<ul class="CDB-ColorBarContainer">
|
<ul class="CDB-ColorBarContainer">
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #9DE0AD;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #9DE0AD;"></li>
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #50E3C2;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #50E3C2;"></li>
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #FFFFC0;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #FFFFC0;"></li>
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #7ED321;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #7ED321;"></li>
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #BD10E0;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #BD10E0;"></li>
|
||||||
<li class="CDB-ColorBar u-rSpace" style="background-color: #F15743;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #F15743;"></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
@ -69,10 +69,10 @@
|
|||||||
<button type="button" class="CDB-OptionInput">
|
<button type="button" class="CDB-OptionInput">
|
||||||
<div class="CDB-OptionInput-container">
|
<div class="CDB-OptionInput-container">
|
||||||
<ul class="CDB-ColorBarContainer">
|
<ul class="CDB-ColorBarContainer">
|
||||||
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #9DE0AD;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #9DE0AD;"></li>
|
||||||
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #50E3C2;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #50E3C2;"></li>
|
||||||
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #FFFFC0;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #FFFFC0;"></li>
|
||||||
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #7ED321;"></li>
|
<li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #7ED321;"></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
Loading…
Reference in New Issue
Block a user