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/03/27 01:39:29 UTC
git commit: CB-6353: fixed up mobile styling
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 <st...@gmail.com>
Authored: Wed Mar 26 17:39:15 2014 -0700
Committer: Steven Gill <st...@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">