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;
+ }
}
}