diff --git a/public/_includes/_main-nav.jade b/public/_includes/_main-nav.jade index 8f7fe1e9b3..3f5a66386c 100644 --- a/public/_includes/_main-nav.jade +++ b/public/_includes/_main-nav.jade @@ -9,4 +9,4 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5") li.l-left Docs li.l-left About li.l-left Contribute - li.l-right Download \ No newline at end of file + li.l-right Install \ No newline at end of file diff --git a/public/download/_data.json b/public/download/_data.json index 35e900d502..4e32379336 100644 --- a/public/download/_data.json +++ b/public/download/_data.json @@ -14,34 +14,32 @@ } }, - - - "Angular_1.X": { + "Angular_1": { "description": "The production ready version of Angular for JavaScript", - "1.X": { + "1": { "file": "https://code.angularjs.org/" } }, - "AngularDart_1.X": { + "AngularDart_1": { "description": "The production ready version of Angular for Dart", - "1.X": { + "1": { "file": "https://angulardart.org/" } }, - "AngularFire_1.X": { + "AngularFire_1": { "description": "AngularFire is the officially supported Angular binding for Firebase.", - "1.X": { + "1": { "file": "https://www.firebase.com/docs/web/libraries/angular/index.html" } }, - "AngularMaterial_1.X": { + "AngularMaterial_1": { "description": "The Angular Material project is an implementation of Material Design in Angular 1 for JS.", - "1.X": { + "1": { "file": "https://material.angularjs.org/#/getting-started" } } diff --git a/public/download/index.jade b/public/download/index.jade index 7009223790..55f09f6bdc 100644 --- a/public/download/index.jade +++ b/public/download/index.jade @@ -12,15 +12,16 @@ else .card-content - h3.text-body Version #{name} - ul + ul.hover-card-container if version.file - li Download for #{name} + li + != partial("../_includes/_hover-card", {name: "Version " + name, url: version.file }) if version.npm - li NPM installation for #{name} + li + != partial("../_includes/_hover-card", {name: "Version " + name, url: version.npm }) if version.pub - li Pub installation for #{name} - + li + != partial("../_includes/_hover-card", {name: "Version " + name, url: version.pub }) diff --git a/public/resources/css/module/_card.scss b/public/resources/css/module/_card.scss index 5a90d549cf..cbd7c859fb 100644 --- a/public/resources/css/module/_card.scss +++ b/public/resources/css/module/_card.scss @@ -36,18 +36,25 @@ padding: 0px; margin: 0px 0px 0px ($unit * 4); - a { - font-size: 14px; - display: block; - line-height: 24px; - text-decoration: none; - padding: 0px 4px; + &:not(.hover-card-container) { + a { + font-size: 14px; + display: block; + line-height: 24px; + text-decoration: none; + padding: 0px 4px; - &:hover { - text-decoration: underline; - background: $mist; + &:hover { + text-decoration: underline; + background: $mist; + } } } + + &.hover-card-container { + margin-left: 0; + margin-top: $unit * 2; + } } }