You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by db...@apache.org on 2015/09/16 23:47:48 UTC
[3/3] docs commit: Improved layout of contribute page for mobile
screens. This closes #351.
Improved layout of contribute page for mobile screens. This closes #351.
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/dd554a71
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/dd554a71
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/dd554a71
Branch: refs/heads/cordova-website
Commit: dd554a712e61677792f00c9fa1d0c4a3641226e3
Parents: 554d5d5
Author: riknoll <ri...@microsoft.com>
Authored: Wed Sep 16 14:14:55 2015 -0700
Committer: Dmitry Blotsky <dm...@gmail.com>
Committed: Wed Sep 16 14:47:26 2015 -0700
----------------------------------------------------------------------
www/contribute/index.html | 16 ++++-
www/static/css-src/_contribute.scss | 105 +++++++++++++++++++++++--------
2 files changed, 92 insertions(+), 29 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/dd554a71/www/contribute/index.html
----------------------------------------------------------------------
diff --git a/www/contribute/index.html b/www/contribute/index.html
index b92f8b0..afcd8e0 100644
--- a/www/contribute/index.html
+++ b/www/contribute/index.html
@@ -57,9 +57,19 @@ title: Apache Cordova Plugins
{% endif %}
<li class="{{ itemClass }}">
- {{ project.project }}
- <a class="link-apache" target="_blank" href="{{ project.apache }}"></a>
- <a class="link-github" target="_blank" href="{{ project.mirror }}"></a>
+ <div class="row">
+ <div class="col-xs-12 col-sm-8 project-label">
+ {{ project.project }}
+ </div>
+ <div class="col-xs-12 col-sm-4 project-links">
+ <div class="link-box">
+ <a class="link-github" target="_blank" href="{{ project.mirror }}"></a>
+ </div>
+ <div class="link-box">
+ <a class="link-apache" target="_blank" href="{{ project.apache }}"></a>
+ </div>
+ </div>
+ </div>
</li>
{% endfor %}
</ul>
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/dd554a71/www/static/css-src/_contribute.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_contribute.scss b/www/static/css-src/_contribute.scss
index 57565c1..e4b4892 100644
--- a/www/static/css-src/_contribute.scss
+++ b/www/static/css-src/_contribute.scss
@@ -29,45 +29,98 @@ a:hover .report-bug-icon {
.list li {
background:$gray-10;
- padding: 8px;
position: relative;
list-style: none;
margin-bottom: 16px;
- padding-right: 80px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
-.platforms-list li a {
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- -webkit-transition: background 0.25s linear;
- -moz-transition: background 0.25s linear;
- transition: background 0.25s linear;
- width: 36px;
- background: url("{{ site.baseurl }}/static/img/sprite.png") no-repeat;
- background-position: 3px -127px;
- background-color: #4cc2e4;
- height: 36px;
-}
-.platforms-list li a.link-apache {
- right: 39px;
- background-position: 2px -94px;
-}
+.platforms-list {
+ li {
+ a {
+ float: right;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ width: 36px;
+ background: url("{{ site.baseurl }}/static/img/sprite.png") no-repeat;
+ background-position: 3px -127px;
+ background-color: #4cc2e4;
+ height: 36px;
+ }
+
+ a.link-apache {
+ background-position: 2px -94px;
+ margin-right: 3px;
+ }
+
+ a.link-github {
+ background-position: 3px -127px;
+ }
-@media (min-width: 400px) {
- .platforms-list li.first a {
- width: 108px;
+ .project-label {
+ margin: 8px -8px 8px 8px;
+ }
}
- .platforms-list li.first a.link-apache {
- width: 129px;
- right: 111px;
+
+ @media (min-width: $screen-sm-min) {
+ li.first {
+ a.link-apache {
+ width: 115px;
+ }
+
+ a.link-github {
+ width: 90px;
+ }
+
+ .project-label {
+ width: 35%;
+ }
+
+ .project-links {
+ width: 65%;
+ }
+ }
+ }
+
+ @media (max-width: $screen-xs-max) {
+ li {
+ a {
+ display: inline-block;
+ float: none;
+ }
+
+ a.link-apache {
+ background-position: 2px -94px;
+ width: 108px;
+ margin-right: 3px;
+ }
+
+ a.link-github {
+ background-position: 3px -127px;
+ width: 90px;
+ }
+
+ .project-label{
+ text-align: center;
+ padding: 12px;
+ margin: 0px;
+ }
+
+ .link-box {
+ width: 49.5%;
+ display: inline-block;
+ text-align: center;
+ background-color: $brand-primary;
+ padding-top: 4px;
+ }
+ }
}
}
+
.contribute-get-started-steps {
list-style: none;
counter-reset: contribute-steps-counter;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org