cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject git commit: CB-6353: fixed up mobile styling
Date Thu, 27 Mar 2014 00:39:29 GMT
Repository: cordova-registry-web
Updated Branches:
  refs/heads/refactor c5ea3bd6b -> 5b5a9103f


CB-6353: fixed up mobile styling


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/5b5a9103
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/5b5a9103
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/5b5a9103

Branch: refs/heads/refactor
Commit: 5b5a9103feef92f0d890b5eaffc5585660d185ac
Parents: c5ea3bd
Author: Steven Gill <stevengill97@gmail.com>
Authored: Wed Mar 26 17:39:15 2014 -0700
Committer: Steven Gill <stevengill97@gmail.com>
Committed: Wed Mar 26 17:39:15 2014 -0700

----------------------------------------------------------------------
 attachments/css/header.less                 |  8 +++++++-
 attachments/css/pages/home.less             |  2 ++
 attachments/css/styles.css                  |  9 ++++++++-
 attachments/index.html                      |  2 +-
 attachments/partials/directives/topbar.html |  4 ++--
 attachments/partials/views/home.html        | 10 +++++-----
 6 files changed, 25 insertions(+), 10 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/5b5a9103/attachments/css/header.less
----------------------------------------------------------------------
diff --git a/attachments/css/header.less b/attachments/css/header.less
index debe11f..2a55c9a 100644
--- a/attachments/css/header.less
+++ b/attachments/css/header.less
@@ -51,7 +51,7 @@
     }
 
     .top-plugins-registry-text {
-      font-size: 28px;
+      font-size: 16px;
     }
 
     .header-links {
@@ -81,3 +81,9 @@
         }
     }
 }
+
+@media only screen and (min-width: 48rem) {
+    #header .top-plugins-registry-text {
+      font-size: 26px;
+    }
+}

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/5b5a9103/attachments/css/pages/home.less
----------------------------------------------------------------------
diff --git a/attachments/css/pages/home.less b/attachments/css/pages/home.less
index 7a42cf1..23e1cf3 100644
--- a/attachments/css/pages/home.less
+++ b/attachments/css/pages/home.less
@@ -59,6 +59,8 @@
 	position: relative;
 	text-align: center;
 	height: 220px;
+    padding-left:13px;
+    padding-right:13px;
 }
 
 .call-to-action-mid-spacer {

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/5b5a9103/attachments/css/styles.css
----------------------------------------------------------------------
diff --git a/attachments/css/styles.css b/attachments/css/styles.css
index 4edacd5..b46365f 100644
--- a/attachments/css/styles.css
+++ b/attachments/css/styles.css
@@ -2778,7 +2778,7 @@ div.left {
   font-size: 12px;
 }
 #header .top-plugins-registry-text {
-  font-size: 28px;
+  font-size: 16px;
 }
 #header .header-links {
   font-size: 18px;
@@ -2802,6 +2802,11 @@ div.left {
   font-size: 10px;
   font-weight: 600;
 }
+@media only screen and (min-width: 48rem) {
+  #header .top-plugins-registry-text {
+    font-size: 26px;
+  }
+}
 /* ----- footer ---- */
 #footer {
   border-top: solid 1px #bfb7b9;
@@ -2909,6 +2914,8 @@ div.left {
   position: relative;
   text-align: center;
   height: 220px;
+  padding-left: 13px;
+  padding-right: 13px;
 }
 .call-to-action-mid-spacer {
   flex-basis: 8%;

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/5b5a9103/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index 121d7f9..53e82b1 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -29,7 +29,7 @@
                 <a href="/" title="Home">
                     <div class="registry-logo pluggy-logo top-logo column-1--hand"></div>
                 </a>
-                <div class="column-8--hand">
+                <div class="column-8--hand column-10--lap">
                     <div class="row">
                         <a href="/" title="Home">
                             <div class="top-project-text column-12--hand">Apache Cordova</div>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/5b5a9103/attachments/partials/directives/topbar.html
----------------------------------------------------------------------
diff --git a/attachments/partials/directives/topbar.html b/attachments/partials/directives/topbar.html
index 0113c0e..84a2a15 100644
--- a/attachments/partials/directives/topbar.html
+++ b/attachments/partials/directives/topbar.html
@@ -1,5 +1,5 @@
 <div class="row topbar-row">
-    <div class="column-12--hand column-3--lap offset-2--lap">
+    <div class="column-12--hand column-4--lap column-3--desk offset-1--lap offset-2--desk">
         <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)"/>
@@ -10,7 +10,7 @@
     <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  center topbar-browse">   
+    <div class="column-12--hand column-4--lap column-3--desk 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/5b5a9103/attachments/partials/views/home.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/home.html b/attachments/partials/views/home.html
index 84e4310..9e48558 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-5--desk offset-2--lap">
+			<div class="column-7--lap column-6--desk column-5--wall offset-2--lap">
 				<p class="discover-message">Discover plugins for your </h1>
 				<p class="discover-message">Apache Cordova project.</h1>
 			</div>
@@ -47,11 +47,11 @@
 		</div>
 
 		<div class="row home-plugin-listing-headers">
-			<div class="column-12--hand column-3--lap offset-2--lap center" >
+			<div class="column-12--hand column-4--lap offset-2--lap center" >
 				<h3>Most Downloaded</h3>
             </div>
             <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">
+			<div class="column-12--hand column-4--lap column-3--desk offset-1--lap center visible--lap
invisible--hand">
 				<h3>Last Updated</h3>
             </div>
             <div class="column-12--hand"  style="border-bottom:dotted 1px #bfb7b9;"></div>
@@ -62,7 +62,7 @@
 			<div class="column-12--hand column-6--lap center" ng-model="mostDownloaded">
 				<div ng-repeat="plugin in mostDownloaded">
 					<div class="row">
-						<div class="column-4--hand column-1--lap offset-4--lap">
+						<div class="column-4--hand column-3--lap offset-2--lap">
 							{{plugin.value}}
 						</div>
 						<div class="column-8--hand column-5--lap left">
@@ -85,7 +85,7 @@
 			<div class="column-12--hand column-6--lap center">
 				<div ng-repeat="plugin in lastUpdated">
 					<div class="row">
-						<div class="column-4--hand column-2--lap offset-2--lap">
+						<div class="column-4--hand column-4--lap">
 							{{plugin.key}}
 						</div>
 						<div class="column-8--hand column-5--lap left">


Mime
View raw message