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/07 23:07:16 UTC
[20/53] [abbrv] git commit: Changes for style and design
Changes for style and design
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/2cba18ad
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/2cba18ad
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/2cba18ad
Branch: refs/heads/master
Commit: 2cba18ad83757af8190e40f4b25c0f667d279917
Parents: 204aaa0
Author: Derek Grape <zo...@gmail.com>
Authored: Wed Mar 19 14:47:49 2014 -0500
Committer: Derek Grape <zo...@gmail.com>
Committed: Wed Mar 19 14:47:49 2014 -0500
----------------------------------------------------------------------
attachments/css/directives/pluginlist.less | 23 +++++++--
attachments/css/footer.less | 3 +-
attachments/css/pages/search.less | 6 +--
attachments/css/styles.css | 30 +++++++----
attachments/index.html | 6 +--
attachments/partials/directives/pluginlist.html | 12 ++---
attachments/partials/directives/topbar.html | 8 +--
attachments/partials/views/home.html | 53 +++++++-------------
8 files changed, 75 insertions(+), 66 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/css/directives/pluginlist.less
----------------------------------------------------------------------
diff --git a/attachments/css/directives/pluginlist.less b/attachments/css/directives/pluginlist.less
index 3bcc72f..96ca372 100644
--- a/attachments/css/directives/pluginlist.less
+++ b/attachments/css/directives/pluginlist.less
@@ -1,9 +1,24 @@
.pluginHeader {
- border-bottom:solid 2px black;
+ border-bottom:solid 1px #3b4854;
+ padding:15px 0px;
+ color:#3b4854;
}
.pluginItem {
- border-bottom:solid 2px #bfb7b9;
- padding-top:10px;
- padding-bottom:10px;
+ border-bottom:solid 1px #eeeeee;
+ padding:15px 0px;
+}
+
+.pluginItem a{
+ font-weight:300;
+}
+
+.pluginItemDescription{
+ color:#a0a0a0;
+ font-weight:200;
+}
+
+.pluginItemDownloads, .pluginItemVersion {
+ color:#3b4854;
+ font-weight:400;
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/css/footer.less
----------------------------------------------------------------------
diff --git a/attachments/css/footer.less b/attachments/css/footer.less
index b7ae966..e3807d4 100644
--- a/attachments/css/footer.less
+++ b/attachments/css/footer.less
@@ -1,7 +1,7 @@
/* ----- footer ---- */
#footer {
- border-top: solid 2px #bfb7b9;
+ border-top: solid 1px #bfb7b9;
padding-top: 20px;
margin-top: 20px;
@@ -12,7 +12,6 @@
}
#footer p{
- margin-left:10px;
font-size:12px;
color: #a5a5a5;
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/css/pages/search.less
----------------------------------------------------------------------
diff --git a/attachments/css/pages/search.less b/attachments/css/pages/search.less
index 920e2fd..d972435 100644
--- a/attachments/css/pages/search.less
+++ b/attachments/css/pages/search.less
@@ -6,7 +6,7 @@
.found {
font-size:25px;
- padding-top:10px;
- padding-bottom:10px;
- border-bottom:dotted 2px #bfb7b9
+ color:#3b4854;
+ padding:15px 0px;
+ border-bottom:dotted 1px #bfb7b9;
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/css/styles.css
----------------------------------------------------------------------
diff --git a/attachments/css/styles.css b/attachments/css/styles.css
index 79ac6fb..c9cc312 100644
--- a/attachments/css/styles.css
+++ b/attachments/css/styles.css
@@ -2804,7 +2804,7 @@ div.left {
}
/* ----- footer ---- */
#footer {
- border-top: solid 2px #bfb7b9;
+ border-top: solid 1px #bfb7b9;
padding-top: 20px;
margin-top: 20px;
}
@@ -2813,7 +2813,6 @@ div.left {
font-weight: 500;
}
#footer p {
- margin-left: 10px;
font-size: 12px;
color: #a5a5a5;
}
@@ -2981,9 +2980,9 @@ div.left {
}
.found {
font-size: 25px;
- padding-top: 10px;
- padding-bottom: 10px;
- border-bottom: dotted 2px #bfb7b9;
+ color: #3b4854;
+ padding: 15px 0px;
+ border-bottom: dotted 1px #bfb7b9;
}
.topbar-row {
padding-top: 5px;
@@ -3014,10 +3013,23 @@ div.left {
padding-top: 5px;
}
.pluginHeader {
- border-bottom: solid 2px black;
+ border-bottom: solid 1px #3b4854;
+ padding: 15px 0px;
+ color: #3b4854;
}
.pluginItem {
- border-bottom: solid 2px #bfb7b9;
- padding-top: 10px;
- padding-bottom: 10px;
+ border-bottom: solid 1px #eeeeee;
+ padding: 15px 0px;
+}
+.pluginItem a {
+ font-weight: 300;
+}
+.pluginItemDescription {
+ color: #a0a0a0;
+ font-weight: 200;
+}
+.pluginItemDownloads,
+.pluginItemVersion {
+ color: #3b4854;
+ font-weight: 400;
}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index a8d9078..4cab8bb 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -52,15 +52,15 @@
<div id="footer" class="">
<div class="row">
- <div class="column-6--hand column-4--lap center">
+ <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>
</div>
- <div class="column-6--hand column-3--lap center">
+ <div class="column-10--hand offset-1--hand column-2--lap">
<a href="http://cordova.apache.org/">Apache Cordova Home</a>
</div>
</div>
<div class="row">
- <div class="column-12--hand center column-10--lap offset-2--lap">
+ <div class="column-10--hand offset-1--hand column-10--lap offset-2--lap left">
<p>Copyright © 2012, 2013, 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0</p>
<p>Apache and the Apache feather logos are trademarks of The Apache Software Foundation.</p>
</div>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/partials/directives/pluginlist.html
----------------------------------------------------------------------
diff --git a/attachments/partials/directives/pluginlist.html b/attachments/partials/directives/pluginlist.html
index 5697ee7..7262fc6 100644
--- a/attachments/partials/directives/pluginlist.html
+++ b/attachments/partials/directives/pluginlist.html
@@ -1,25 +1,25 @@
<div ng-show="plugins.length > 0">
<div class="row pluginHeader">
<div class="column-9--hand column-8--lap">
- <h3>Plugin ID & description</h3>
+ Plugin ID & description
</div>
<div class="column-3--hand column-2--lap center">
- <h3>Version</h3>
+ Version
</div>
<div class="column-2--hand center invisible--hand visible--lap">
- <h3>Downloads</h3>
+ Downloads
</div>
</div>
<div ng-repeat="plugin in plugins" class="row pluginItem">
<div class="column-9--hand column-8--lap">
<div><a ng-href="#/package/{{plugin.key}}">{{plugin.key}}</a></div>
- <div>{{((plugin.value.description)||(plugin.doc.description))}}</div>
+ <div class="pluginItemDescription">{{((plugin.value.description)||(plugin.doc.description))}}</div>
</div>
<div class="column-3--hand column-2--lap center">
- <div class="">{{((plugin.value['dist-tags'].latest)||(plugin.doc['dist-tags'].latest))}}</div>
+ <div class="pluginItemVersion">{{((plugin.value['dist-tags'].latest)||(plugin.doc['dist-tags'].latest))}}</div>
</div>
<div class="column-2--hand invisible--hand visible--lap center">
- <div class="">{{downloads[plugin.key]}}</div>
+ <div class="pluginItemDownloads">{{downloads[plugin.key]}}</div>
</div>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/partials/directives/topbar.html
----------------------------------------------------------------------
diff --git a/attachments/partials/directives/topbar.html b/attachments/partials/directives/topbar.html
index 0ed2343..0113c0e 100644
--- a/attachments/partials/directives/topbar.html
+++ b/attachments/partials/directives/topbar.html
@@ -1,5 +1,5 @@
-<div class="row center topbar-row">
- <div class="column-12--hand column-5--lap">
+<div class="row topbar-row">
+ <div class="column-12--hand column-3--lap offset-2--lap">
<form ng-submit="search($event)">
<div class="row center">
<input id="search-text" type="search" ng-model="searchText" class="column-8--hand topbar-search" placeholder="Find a plugin..." ng-keyup="search($event)"/>
@@ -7,10 +7,10 @@
</div>
</form>
</div>
- <div class="column-12--hand column-1--lap topbar-spacer invisible--hand visible--lap">
+ <div class="column-12--hand column-2--lap center topbar-spacer invisible--hand visible--lap">
OR
</div>
- <div class="column-12--hand column-3--lap topbar-browse">
+ <div class="column-12--hand column-3--lap center topbar-browse">
<a href="/#/viewAll" class="">Browse all {{totalPlugins}} plugins</a>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/2cba18ad/attachments/partials/views/home.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/home.html b/attachments/partials/views/home.html
index 44b4482..71c94ce 100644
--- a/attachments/partials/views/home.html
+++ b/attachments/partials/views/home.html
@@ -1,7 +1,7 @@
<div id="home-container">
<div class="cordova-grid-bg">
<div class="row discover-message-container visible--lap invisible--hand">
- <div class="column-7--lap column-6--desk offset-2--lap">
+ <div class="column-7--lap column-5--desk offset-2--lap">
<p class="discover-message">Discover plugins for your </h1>
<p class="discover-message">Apache Cordova project.</h1>
</div>
@@ -15,63 +15,46 @@
<div class="">
<div class="row" class="call-to-action-panes">
- <div class="column-10--hand offset-1--hand column-4--lap offset-2--lap">
+ <div class="column-10--hand offset-1--hand column-3--lap offset-2--lap">
<div class="call-to-action-pane">
<div class="call-to-action-pane-left-triangle"><div></div></div>
<div class="call-to-action-pane-right-triangle"><div></div></div>
- <div class="row">
- <div class="column-12--hand center">
+
<img class="call-to-action-img" title="Contrib flyer" src="/img/contribute.png" />
- </div>
- </div>
- <div class="row">
- <div class="column-12--hand center">
+
<h2>Contribute</h2>
- </div>
- </div>
- <div class="row">
- <div class="column-12--hand">
+
<h4>Want to <span> author & publish</span> plugins?</h4>
<a href="pleaseread.html">Please read our docs.</a>
- </div>
- </div>
</div>
</div>
<div class="call-to-action-mid-spacer visible--lap invisible--hand">
<div class="icon-cordova logo"></div>
</div>
- <div class="column-10--hand offset-1--hand column-4--lap offset-0--lap">
+ <div class="column-10--hand offset-1--hand column-3--lap offset-0--lap">
<div class="call-to-action-pane">
<div class="call-to-action-pane-left-triangle"><div></div></div>
<div class="call-to-action-pane-right-triangle"><div></div></div>
- <div class="row">
- <div class="column-12--hand">
+
<img class="call-to-action-img" title="Utilize wrench" src="/img/utilize.png" />
- </div>
- </div>
- <div class="row">
- <div class="column-12--hand">
+
<h2>Utilize</h2>
- </div>
- </div>
- <div class="row">
- <div class="column-10--hand offset-1--hand">
+
<h4>Need to <span>install or remove</span> a plugin?</h4>
<a href="pleaseread.html">Check the documentation.</a>
- </div>
- </div>
</div>
</div>
</div>
<div class="row home-plugin-listing-headers">
- <div class="column-12--hand column-6--lap center" >
+ <div class="column-12--hand column-3--lap offset-2--lap center" >
<h3>Most Downloaded</h3>
</div>
- <div class="column-12--hand column-6--lap center visible--lap invisible--hand">
+ <div class="call-to-action-mid-spacer visible--lap invisible--hand"></div>
+ <div class="column-12--hand column-3--lap offset-1--lap center visible--lap invisible--hand">
<h3>Last Updated</h3>
</div>
- <div class="column-12--hand" style="border-bottom:dotted 2px #bfb7b9;"></div>
+ <div class="column-12--hand" style="border-bottom:dotted 1px #bfb7b9;"></div>
</div>
@@ -79,10 +62,10 @@
<div class="column-12--hand column-6--lap center">
<div ng-repeat="plugin in mostDownloaded">
<div class="row">
- <div class="column-4--hand">
+ <div class="column-4--hand column-1--lap offset-4--lap">
{{plugin.value}}
</div>
- <div class="column-8--hand left">
+ <div class="column-8--hand column-5--lap left">
<a href="/#/package/{{plugin.key}}">
{{plugin.key}}
</a>
@@ -96,16 +79,16 @@
<div class="column-12--hand center">
<h3>Last Updated</h3>
</div>
- <div class="column-12--hand" style="border-bottom:dotted 2px #bfb7b9;"></div>
+ <div class="column-12--hand" style="border-bottom:dotted 1px #bfb7b9;"></div>
</div>
</div>
<div class="column-12--hand column-6--lap center">
<div ng-repeat="plugin in lastUpdated">
<div class="row">
- <div class="column-4--hand">
+ <div class="column-4--hand column-2--lap offset-2--lap">
{{plugin.key}}
</div>
- <div class="column-8--hand left">
+ <div class="column-8--hand column-5--lap left">
<a href="/#/package/{{plugin.id}}">
{{plugin.id}}
</a>