You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2014/04/03 02:02:08 UTC
[11/15] git commit: Corrected some styles for the drop down for
versions. Added the side panel on packagedetails for the downloads and
version number stuff.
Corrected some styles for the drop down for versions. Added the side panel on packagedetails for the downloads and version number stuff.
Project: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/commit/f30cb609
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/f30cb609
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/f30cb609
Branch: refs/heads/refactor
Commit: f30cb60904df92259857c45283a9c12a5a26fbfc
Parents: 27c89cf
Author: Josh Bavari <jo...@raisemore.com>
Authored: Sun Mar 30 18:49:43 2014 -0500
Committer: Josh Bavari <jo...@raisemore.com>
Committed: Sun Mar 30 18:49:43 2014 -0500
----------------------------------------------------------------------
attachments/css/controls/dropdowns.less | 6 +-
attachments/css/pages/packageDetails.less | 71 ++------
attachments/css/styles.css | 22 ++-
attachments/css/variables.less | 3 +-
attachments/index.html | 2 +-
attachments/partials/views/packageDetails.html | 189 +++++++++++++-------
6 files changed, 158 insertions(+), 135 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/css/controls/dropdowns.less
----------------------------------------------------------------------
diff --git a/attachments/css/controls/dropdowns.less b/attachments/css/controls/dropdowns.less
index 12aa80a..67fa1d9 100644
--- a/attachments/css/controls/dropdowns.less
+++ b/attachments/css/controls/dropdowns.less
@@ -1,5 +1,5 @@
select {
- padding:3px;
+ padding:5px;
margin: 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
@@ -7,7 +7,7 @@ select {
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px @font-color inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px @font-color inset;
box-shadow: 0 3px 0 #ccc, 0 -1px @font-color inset;
- background: @home-mid-box-color;
+ background: @border-faded-color;
color: @font-color;
border:none;
outline:none;
@@ -43,7 +43,7 @@ label.dropdown:before {
content:'';
right:6px; top:0px;
width:20px; height:15px;
- background: @home-mid-box-color;
+ background: @border-faded-color;
position:absolute;
pointer-events:none;
display:block;
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/css/pages/packageDetails.less
----------------------------------------------------------------------
diff --git a/attachments/css/pages/packageDetails.less b/attachments/css/pages/packageDetails.less
index 006fd36..efbae9f 100644
--- a/attachments/css/pages/packageDetails.less
+++ b/attachments/css/pages/packageDetails.less
@@ -2,7 +2,7 @@
.space {
padding: 5px 0px;
- border-bottom:solid 2px #bfb7b9;
+ border-bottom:solid 2px @border-faded-color;
}
.toprow {
@@ -20,67 +20,22 @@
width: 100%;
}
-// .version-dropdown {
-// position: relative;
-// background-color: @highlight-color;
-// color: #fff;
-// font-size: inherit;
-// padding: .5em;
-// padding-right: 2.5em;
-// border: 0;
-// margin: 0;
-// border-radius: 3px;
-// text-indent: 0.01px;
-// text-overflow: '';
-// -webkit-appearance: button-arrow-down; /* hide default arrow in chrome OSX */
-// }
-
-// .version-dropdown::before,
-// .version-dropdown::after {
-// content: "";
-// position: absolute;
-// pointer-events: none;
-// }
-
-// .version-dropdown::after { /* Custom dropdown arrow */
-// content: '\25BC';
-// height: 1em;
-// font-size: .625em;
-// line-height: 1;
-// right: 1.2em;
-// top: 50%;
-// margin-top: -.5em;
-// color: rgba(0,0,0,.4);
-// }
-
-// .version-dropdown::before { /* Custom dropdown arrow cover */
-// width: 2em;
-// right: 0;
-// top: 0;
-// bottom: 0;
-// border-radius: 0 3px 3px 0;
-// }
-
-// .version-dropdown select[disabled] {
-// color: rgba(0,0,0,.3);
-// }
-
-// .version-dropdown select[disabled]::after {
-// color: rgba(0,0,0,.1);
-// }
-
-// .version-dropdown::before {
-// background-color: rgba(0,0,0,.15);
-// }
-
-// .version-dropdown::after {
-// color: rgba(0,0,0,.4);
-// }
-
.package-detail-rows {
div.row {
padding: 5px 0px;
+ word-wrap: break-word;
+ }
+}
+
+.package-downloads {
+ background: @border-faded-color;
+ margin: -10px;
+ text-align: right;
+ font-weight: lighter;
+
+ .package-label {
+ font-weight: normal;
}
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/css/styles.css
----------------------------------------------------------------------
diff --git a/attachments/css/styles.css b/attachments/css/styles.css
index cb80410..792a268 100644
--- a/attachments/css/styles.css
+++ b/attachments/css/styles.css
@@ -14,7 +14,7 @@ h2 {
font-weight: normal;
}
select {
- padding: 3px;
+ padding: 5px;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
@@ -22,7 +22,7 @@ select {
-webkit-box-shadow: 0 3px 0 #cccccc, 0 -1px #656f78 inset;
-moz-box-shadow: 0 3px 0 #cccccc, 0 -1px #656f78 inset;
box-shadow: 0 3px 0 #cccccc, 0 -1px #656f78 inset;
- background: #effbfe;
+ background: #eeeeee;
color: #656f78;
border: none;
outline: none;
@@ -53,7 +53,7 @@ label.dropdown:after {
right: 8px;
top: 2px;
padding: 0 0 2px;
- border-bottom: 1px solid #bfb7b9;
+ border-bottom: 1px solid #eeeeee;
position: absolute;
pointer-events: none;
}
@@ -63,7 +63,7 @@ label.dropdown:before {
top: 0px;
width: 20px;
height: 15px;
- background: #effbfe;
+ background: #eeeeee;
position: absolute;
pointer-events: none;
display: block;
@@ -3021,7 +3021,7 @@ div.left {
/* Package Details styles */
.space {
padding: 5px 0px;
- border-bottom: solid 2px #bfb7b9;
+ border-bottom: solid 2px #eeeeee;
}
.toprow {
padding-top: 10px;
@@ -3037,6 +3037,16 @@ div.left {
}
.package-detail-rows div.row {
padding: 5px 0px;
+ word-wrap: break-word;
+}
+.package-downloads {
+ background: #eeeeee;
+ margin: -10px;
+ text-align: right;
+ font-weight: lighter;
+}
+.package-downloads .package-label {
+ font-weight: normal;
}
.readme {
margin-top: 10px;
@@ -3095,7 +3105,7 @@ div.left {
border: 2px solid #4cc2e4;
}
.topbar-spacer {
- color: #bfb7b9;
+ color: #eeeeee;
padding-top: 10px;
}
.topbar-browse {
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/css/variables.less
----------------------------------------------------------------------
diff --git a/attachments/css/variables.less b/attachments/css/variables.less
index f996319..439e7d2 100644
--- a/attachments/css/variables.less
+++ b/attachments/css/variables.less
@@ -5,7 +5,8 @@
@font-color: #656F78;
-@border-faded-color: #BFB7B9;
+// @border-faded-color: #BFB7B9;
+@border-faded-color: #EEEEEE;
@home-mid-box-color: #EFFBFE;
// @call-to-action-triangle-color: #FFFFFF;
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index 53e82b1..e1bd76a 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -49,7 +49,7 @@
<div id="content-wrapper" ng-view>
</div>
- <div id="footer" class="">
+ <div id="footer">
<div class="row">
<div class="column-10--hand offset-1--hand column-2--lap offset-2--lap">
<a href="https://issues.apache.org/jira/browse/CB/component/12321101">Plugin Registry Issue Tracker</a>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/f30cb609/attachments/partials/views/packageDetails.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/packageDetails.html b/attachments/partials/views/packageDetails.html
index 0525972..8223134 100644
--- a/attachments/partials/views/packageDetails.html
+++ b/attachments/partials/views/packageDetails.html
@@ -1,5 +1,5 @@
<div class="viewContainer row package-detail-rows">
- <div class="column-8--hand offset-2--hand">
+ <div class="column-8--lap column-12--hand offset-2--lap">
<div class="top-button">
<a ng-click="backToSearch()"><i class="icon-left-dir"></i>Back to search results</a>
@@ -7,7 +7,7 @@
<div class="row toprow">
<div class="package-label column-8--hand">Plugin ID</div>
- <div class="column-4--hand right">
+ <div class="column-4--hand column-2--lap offset-2--lap end">
<label class="dropdown">
<select class="version-dropdown" ng-model="currentVersion" ng-options="key as key for (key, value) in versions">
<option value="{{currentVersion}}">{{currentVersion}}</option>
@@ -20,83 +20,140 @@
<div class="package-title column-12--hand">{{packageID}}</div>
</div>
- <div ng-show="description" class="space">
- <div class="row">
- <div class="package-label column-12--hand">Description</div>
- </div>
- <div class="row">
- <div class="package-title column-12--hand">{{description}}</div>
- </div>
- </div>
-
- <div ng-show="maintainers" class="space">
- <div class="row">
- <div class="package-label column-12--hand">Maintainers</div>
- </div>
- <div class="row">
- <div class="column-12--hand ">
- <span class="" ng-repeat="maintainer in maintainers">{{maintainer.name}}<span ng-show="{{maintainers.length -1 != $index}}">, </span></span>
+ <div class="row">
+ <div class="column-8--hand column-10--lap">
+ <div ng-show="description" class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Description</div>
+ </div>
+ <div class="row">
+ <div class="package-title column-12--hand">{{description}}</div>
+ </div>
</div>
- </div>
- </div>
- <div class="space">
- <div class="row">
- <div class="package-label column-12--hand">Platforms</div>
- </div>
- <div class="row">
- <div class="column-12--hand" ng-show="platforms">
- <span class="" ng-repeat="platform in platforms">{{platform}}<span ng-show="{{platforms.length -1 != $index}}">, </span></span>
+ <div ng-show="maintainers" class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Maintainers</div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand ">
+ <span class="" ng-repeat="maintainer in maintainers">{{maintainer.name}}<span ng-show="{{maintainers.length -1 != $index}}">, </span></span>
+ </div>
+ </div>
</div>
- <div class="column-12--hand" ng-hide="platforms">
- Not specified
+
+ <div class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Platforms</div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand" ng-show="platforms">
+ <span class="" ng-repeat="platform in platforms">{{platform}}<span ng-show="{{platforms.length -1 != $index}}">, </span></span>
+ </div>
+ <div class="column-12--hand" ng-hide="platforms">
+ Not specified
+ </div>
+ </div>
</div>
- </div>
- </div>
- <div ng-show="repo" class="space">
- <div class="row">
- <div class="package-label column-12--hand">Repository</div>
- </div>
- <div class="row">
- <div class="column-12--hand"><a href="{{repo}}">{{repo}}</a></div>
- </div>
- </div>
+ <div ng-show="repo" class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Repository</div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand"><a href="{{repo}}">{{repo}}</a></div>
+ </div>
+ </div>
- <div ng-show="issue" class="space">
- <div class="row">
- <div class="package-label column-12--hand">Issue tracker</div>
- </div>
- <div class="row">
- <div class="column-12--hand"><a href="{{issue}}">{{issue}}</a></div>
- </div>
- </div>
+ <div ng-show="issue" class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Issue tracker</div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand"><a href="{{issue}}">{{issue}}</a></div>
+ </div>
+ </div>
- <div ng-show="keywords" class="space">
- <div class="row">
- <div class="package-label column-12--hand">Keywords</div>
- </div>
- <div class="row">
- <div class="column-12--hand">
- <span class="" ng-repeat="keyword in keywords"><a href="/#/search?search={{keyword}}">{{keyword}}</a><span ng-show="{{keywords.length -1 != $index}}">, </span></span>
+ <div ng-show="keywords" class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Keywords</div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ <span class="" ng-repeat="keyword in keywords"><a href="/#/search?search={{keyword}}">{{keyword}}</a><span ng-show="{{keywords.length -1 != $index}}">, </span></span>
+ </div>
+ </div>
</div>
- </div>
- </div>
- <div class="space">
- <div class="row">
- <div class="package-label column-12--hand">Install {{description}} using the <a href="http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-line%20Interface">Cordova CLI:</a></div>
+ <div class="space">
+ <div class="row">
+ <div class="package-label column-12--hand">Install {{description}} using the <a href="http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-line%20Interface">Cordova CLI:</a></div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ cordova plugin add {{packageID}}
+ </div>
+ </div>
+ </div>
</div>
- <div class="row">
- <div class="column-12--hand">
- cordova plugin add {{packageID}}
+ <div class="package-downloads column-4--hand column-2--lap">
+ <div class="row">
+ <div class="package-label column-12--hand">
+ Total downloads
+ </div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ 51
+ </div>
+ </div>
+ <div class="row">
+ <div class="package-label column-12--hand">
+ Version
+ </div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ {{currentVersion}}
+ </div>
+ </div>
+ <div class="row">
+ <div class="package-label column-12--hand">
+ Last Updated
+ </div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ 01/01/1987
+ </div>
+ </div>
+ <div class="row">
+ <div class="package-label column-12--hand">
+ Engine Number
+ </div>
+ </div>
+ <div class="row">
+ <div class="column-12--hand">
+ >=3.0
+ </div>
+ </div>
+ <div class="row">
+ <div class="package-label column-12--hand">
+ License
+ </div>
+ </div>
+ <div class="row">
+ <div class="package-label column-12--hand">
+ MIT
+ </div>
</div>
</div>
</div>
-
- <div ng-show="readme" class="readme">
- <div class="package-readme">Read Me</div>
- <div class="" ng-bind-html="readme"></div>
+ <div ng-show="readme" class="readme row">
+ <div class="column-12--hand">
+ <div class="package-readme">Read Me</div>
+ <div class="" ng-bind-html="readme"></div>
+ </div>
</div>
</div>
</div>