cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject [08/15] git commit: Fixes for platform details page and style.css included
Date Thu, 03 Apr 2014 00:02:05 GMT
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 <josh@raisemore.com>
Authored: Sun Mar 30 12:21:38 2014 -0500
Committer: Josh Bavari <josh@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}}">, &nbsp;</span></span>
+                    <span class="" ng-repeat="keyword in keywords"><a href="/#/search?search={{keyword}}">{{keyword}}</a><span
ng-show="{{keywords.length -1 != $index}}">,&nbsp;</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>
 


Mime
View raw message