cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dblot...@apache.org
Subject [8/8] docs commit: Fixing CSS to accommodate new apps and tools.
Date Fri, 09 Oct 2015 01:44:42 GMT
Fixing CSS to accommodate new apps and tools.


Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/4226d5fe
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/4226d5fe
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/4226d5fe

Branch: refs/heads/cordova-website
Commit: 4226d5fe987743b791addfbb2beda7d1fb5a8743
Parents: 4b6f61e
Author: Dmitry Blotsky <dmitry.blotsky@gmail.com>
Authored: Thu Oct 8 18:44:26 2015 -0700
Committer: Dmitry Blotsky <dmitry.blotsky@gmail.com>
Committed: Thu Oct 8 18:44:26 2015 -0700

----------------------------------------------------------------------
 www/_includes/tools_and_showcase.html |  6 +++--
 www/static/css-src/_home.scss         | 39 +++++++++++++++++++-----------
 2 files changed, 29 insertions(+), 16 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/4226d5fe/www/_includes/tools_and_showcase.html
----------------------------------------------------------------------
diff --git a/www/_includes/tools_and_showcase.html b/www/_includes/tools_and_showcase.html
index 1a4c762..14ab0a1 100644
--- a/www/_includes/tools_and_showcase.html
+++ b/www/_includes/tools_and_showcase.html
@@ -9,7 +9,9 @@
         {% for tool in site.data.tools %}
         <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 card">
             <div class="tool card_inner">
-                <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
+                <div class="img_container">
+                    <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
+                </div>
                 <p class="card_title">
                     {% if tool.url %}
                         <a href="{{ tool.url }}">
@@ -58,7 +60,7 @@
                         {{ app.name }}
                     {% endif %}
                 </p>
-                <p class="text">{{ app.description | strip_html | truncate:200 }}</p>
+                <p class="text">{{ app.description | strip_html | truncate:128 }}</p>
             </div>
         </div>
         {% endfor %}

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/4226d5fe/www/static/css-src/_home.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_home.scss b/www/static/css-src/_home.scss
index 46b83c5..ef849e8 100644
--- a/www/static/css-src/_home.scss
+++ b/www/static/css-src/_home.scss
@@ -277,23 +277,34 @@ img#logo_top {
     color:white;
     .card {
             padding:8px;
-            .card_title {
-                color: $brand-primary;
-                font-weight: bold;
-                font-size: 13px;
-                padding-top: 10px;
-            }
             .card_inner {
-                background-color:darken(white, 85%);
-                padding: 32px 16px 32px 16px;
-                img {
-                    height:50px;
+                background-color: darken(white, 85%);
+                padding: 32px 16px 24px 16px;
+                .card_title {
+                    color: $brand-primary;
+                    font-weight: bold;
+                    font-size: 13px;
+                    padding-top: 10px;
+                }
+                .img_container {
+                    height: 50px;
+                    img {
+                        max-height: 100%;
+                        max-width: 100%;
+                    }
                 }
-                &.tool .text {
-                    height: 250px;
+                &.tool {
+                    .text {
+                        height: 250px;
+                    }
                 }
-                &.app .text {
-                    height: 100px;
+                &.app {
+                    .card_title {
+                        min-height: 46px;
+                    }
+                    .text {
+                        height: 120px;
+                    }
                 }
             }
             .showcase_app_thumb {


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org


Mime
View raw message