cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject [08/20] git commit: Changes for style and design
Date Wed, 26 Mar 2014 21:27:55 GMT
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/refactor
Commit: 2cba18ad83757af8190e40f4b25c0f667d279917
Parents: 204aaa0
Author: Derek Grape <zombiewebslinger@gmail.com>
Authored: Wed Mar 19 14:47:49 2014 -0500
Committer: Derek Grape <zombiewebslinger@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 &copy; 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 &amp; description</h3>
+            Plugin ID &amp; 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 &amp; 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>


Mime
View raw message