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

Merge pull request #97 from CartoDB/subnavbar-separate

Browse Source 
subnavbar: separate
This commit is contained in:
Carlos Matallín
2016-04-19 16:35:35 +02:00
parent de8e49afd0 6ed2062657
commit b22ed193de
1 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/scss/cdb-components/menu.scss
View File

@@ -16,7 +16,7 @@
</li>
<li class="CDB-NavMenu-Item is-selected">
<button class="CDB-NavMenu-Link">POP-UP</button>
<ul class="CDB-NavSubmenu CDB-Size-small">
<ul class="CDB-NavSubmenu CDB-NavSubmenu--inside CDB-Size-small">
<li class="CDB-NavSubmenu-Item is-selected">
<button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></button>
</li>
@@ -48,7 +48,7 @@
</li>
<li class="CDB-NavMenu-item is-selected">
<button class="CDB-NavMenu-Link">POP-UP</button>
<ul class="CDB-NavSubmenu CDB-Size-small">
<ul class="CDB-NavSubmenu CDB-NavSubmenu--inside CDB-Size-small">
<li class="CDB-NavSubmenu-Item is-selected">
<button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></button>
</li>
@@ -63,6 +63,35 @@
</ul>
</nav>
</div>
<br/><br/>
<br/><br/>
<nav class="CDB-NavMenu">
<ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
<li class="CDB-NavMenu-Item">
<button class="CDB-NavMenu-Link">DATA</button>
</li>
<li class="CDB-NavMenu-Item">
<button class="CDB-NavMenu-Link">STYLE</button>
</li>
<li class="CDB-NavMenu-Item is-selected">
<button class="CDB-NavMenu-Link">POP-UP</button>
</li>
<li class="CDB-NavMenu-Item">
<button class="CDB-NavMenu-Link">LEGEND</button>
</li>
</ul>
<ul class="CDB-NavSubmenu CDB-NavSubmenu--outside CDB-Text CDB-Size-small is-semibold js-menu">
<li class="CDB-NavSubmenu-Item is-selected">
<button class="CDB-NavSubmenu-Link u-upperCase">Click</button>
</li>
<li class="CDB-NavSubmenu-Item">
<button class="CDB-NavSubmenu-Link u-upperCase">Hover</button>
</li>
</ul>
</nav>
```
*/
@@ -100,11 +129,19 @@
}
.CDB-NavSubmenu {
border-bottom: 1px solid $cSecondaryLine;
}
.CDB-NavSubmenu--inside {
position: absolute;
right: 0;
left: 0;
padding-top: 14px;
border-bottom: 1px solid $cSecondaryLine;
}
.CDB-NavSubmenu--outside {
margin-top: -5px;
margin-bottom: 18px;
}
.CDB-NavSubmenu-Link {