cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject [46/53] [abbrv] git commit: Corrected some styles for the drop down for versions. Added the side panel on packagedetails for the downloads and version number stuff.
Date Mon, 07 Apr 2014 21:07:42 GMT
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/master
Commit: f30cb60904df92259857c45283a9c12a5a26fbfc
Parents: 27c89cf
Author: Josh Bavari <josh@raisemore.com>
Authored: Sun Mar 30 18:49:43 2014 -0500
Committer: Josh Bavari <josh@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}}">, &nbsp;</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}}">, &nbsp;</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}}">, &nbsp;</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}}">, &nbsp;</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}}">,&nbsp;</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}}">,&nbsp;</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>


Mime
View raw message