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:05 UTC
[08/15] git commit: Fixes for platform details page and style.css
included
Fixes for platform details page and style.css included
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/346cd100
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/346cd100
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/346cd100
Branch: refs/heads/refactor
Commit: 346cd100d74b7512b9c234856b361821fc455f48
Parents: ced6020
Author: Josh Bavari <jo...@raisemore.com>
Authored: Sun Mar 30 12:21:38 2014 -0500
Committer: Josh Bavari <jo...@raisemore.com>
Committed: Sun Mar 30 12:21:38 2014 -0500
----------------------------------------------------------------------
attachments/css/styles.css | 69 ++++++++++++++++++++-
attachments/css/styles.less | 3 +
attachments/partials/views/packageDetails.html | 14 +++--
3 files changed, 80 insertions(+), 6 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/346cd100/attachments/css/styles.css
----------------------------------------------------------------------
diff --git a/attachments/css/styles.css b/attachments/css/styles.css
index b46365f..cb80410 100644
--- a/attachments/css/styles.css
+++ b/attachments/css/styles.css
@@ -13,6 +13,61 @@ h2 {
font-size: 1.2em;
font-weight: normal;
}
+select {
+ padding: 3px;
+ margin: 0;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -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;
+ color: #656f78;
+ border: none;
+ outline: none;
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ text-align: center;
+}
+/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ select {
+ padding-right: 18px;
+ }
+}
+label.dropdown {
+ position: relative;
+}
+label.dropdown:after {
+ content: '<>';
+ font: 11px "Consolas", monospace;
+ color: #656f78;
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ right: 8px;
+ top: 2px;
+ padding: 0 0 2px;
+ border-bottom: 1px solid #bfb7b9;
+ position: absolute;
+ pointer-events: none;
+}
+label.dropdown:before {
+ content: '';
+ right: 6px;
+ top: 0px;
+ width: 20px;
+ height: 15px;
+ background: #effbfe;
+ position: absolute;
+ pointer-events: none;
+ display: block;
+}
.button-bar {
display: table;
table-layout: fixed;
@@ -2965,7 +3020,7 @@ div.left {
}
/* Package Details styles */
.space {
- padding: 20px 0px;
+ padding: 5px 0px;
border-bottom: solid 2px #bfb7b9;
}
.toprow {
@@ -2977,6 +3032,15 @@ div.left {
cursor: pointer;
padding: 20px 0px;
}
+.version-dropdown {
+ width: 100%;
+}
+.package-detail-rows div.row {
+ padding: 5px 0px;
+}
+.readme {
+ margin-top: 10px;
+}
/* View all page styles */
.viewContainer {
padding-left: 10px;
@@ -2994,6 +3058,9 @@ div.left {
padding: 15px 0px;
border-bottom: dotted 1px #bfb7b9;
}
+.filter-row {
+ padding-top: 10px;
+}
.filter-list {
padding: 10px;
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/346cd100/attachments/css/styles.less
----------------------------------------------------------------------
diff --git a/attachments/css/styles.less b/attachments/css/styles.less
index 67535cd..24a7adf 100644
--- a/attachments/css/styles.less
+++ b/attachments/css/styles.less
@@ -2,10 +2,13 @@
@import (reference) "mixins.less";
@import "variables.less";
+
// @import "../font/style.css";
@import "../css/fontello.css";
@import "typography.less";
+@import "controls/dropdowns.less";
+
@import (less) "topcoat-desktop-light.min.css";
@import (less) "flexboxgrid.min.css";
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/346cd100/attachments/partials/views/packageDetails.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/packageDetails.html b/attachments/partials/views/packageDetails.html
index c53f5aa..0525972 100644
--- a/attachments/partials/views/packageDetails.html
+++ b/attachments/partials/views/packageDetails.html
@@ -1,16 +1,18 @@
-<div class="viewContainer row">
+<div class="viewContainer row package-detail-rows">
<div class="column-8--hand offset-2--hand">
- <div class="row top-button"
+ <div class="top-button">
<a ng-click="backToSearch()"><i class="icon-left-dir"></i>Back to search results</a>
</div>
<div class="row toprow">
<div class="package-label column-8--hand">Plugin ID</div>
<div class="column-4--hand right">
- <select ng-model="currentVersion" ng-options="key as key for (key, value) in versions">
+ <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>
</select>
+ </label>
</div>
</div>
@@ -76,7 +78,7 @@
</div>
<div class="row">
<div class="column-12--hand">
- <span class="" ng-repeat="keyword in keywords">{{keyword}}<span ng-show="{{keywords.length -1 != $index}}">, </span></span>
+ <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>
@@ -86,7 +88,9 @@
<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">
- cordova plugin add {{packageID}}
+ <div class="column-12--hand">
+ cordova plugin add {{packageID}}
+ </div>
</div>
</div>