cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #109 from CartoDB/add-select-states

Browse Source 
add states
This commit is contained in:
piensaenpixel 2016-05-06 17:47:33 +02:00
commit 03af10143e
2 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/scss/cdb-components/forms/inputs.scss
View File

@ -24,15 +24,23 @@
line-height: $sLineHeight-medium;
box-sizing: border-box;
&.is-cursor {
cursor: pointer;
}
&.is-empty {
color: $cHintText;
}
&:hover {
border: 1px solid $cHoverLine;
}
&:focus {
border: 1px solid $cBlue;
}
&:disabled {
&:disabled,
&.is-disabled {
border-color: $cSecondaryLine;
background: $cThirdBackground;
cursor: default;
}
&.has-error {
@include default-form-error-style();

22
src/scss/cdb-components/forms/selects.scss
View File

@ -17,6 +17,28 @@
</ul>
</div>
</div>
<br/>
<br/>
<br/>
<div class="CDB-Select" style="height: 250px;">
<div class="CDB-InputText CDB-Text">DejaVu Sans</div>
<div class="CDB-Box-Modal CDB-SelectItem">
<ul class="CDB-Text CDB-Size-medium">
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li>
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset…</a></li>
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer…</a></li>
</ul>
</div>
</div>
<div class="CDB-InputText CDB-Text is-cursor is-disabled">DejaVu Sans</div>
<br/>
<div class="CDB-InputText CDB-Text is-cursor is-empty">DejaVu Sans</div>
<br/>
<select name="select" class="CDB-SelectFake CDB-Text">
<option value="value1" selected>Choose an option</option>
<option value="value2">Hide</option>