You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by ds...@apache.org on 2015/07/28 07:20:32 UTC

svn commit: r1692997 - in /incubator/ignite/site/trunk: community/resources.html css/all.css features.html includes/scripts.html scss/ignite.scss

Author: dsetrakyan
Date: Tue Jul 28 05:20:32 2015
New Revision: 1692997

URL: http://svn.apache.org/r1692997
Log:
fix carousel and people table on mobile

Modified:
    incubator/ignite/site/trunk/community/resources.html
    incubator/ignite/site/trunk/css/all.css
    incubator/ignite/site/trunk/features.html
    incubator/ignite/site/trunk/includes/scripts.html
    incubator/ignite/site/trunk/scss/ignite.scss

Modified: incubator/ignite/site/trunk/community/resources.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/community/resources.html?rev=1692997&r1=1692996&r2=1692997&view=diff
==============================================================================
Binary files - no diff available.

Modified: incubator/ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/css/all.css?rev=1692997&r1=1692996&r2=1692997&view=diff
==============================================================================
--- incubator/ignite/site/trunk/css/all.css (original)
+++ incubator/ignite/site/trunk/css/all.css Tue Jul 28 05:20:32 2015
@@ -8207,7 +8207,7 @@ table.formatted > tbody > tr .left {
 
 @media (max-width: 767px) {
   #main table td {
-    margin: 10px 0 0 -110px !important;
+    margin: 10px 0 5px -110px !important;
     white-space: normal !important;
   }
 }
@@ -8225,7 +8225,6 @@ table.formatted > tbody > tr .left {
 @media (max-width: 767px) {
   #main table {
     margin: 0 0 20px 0 !important;
-    border: 1px solid #ddd !important;
   }
 }
 
@@ -8315,3 +8314,24 @@ section.usecase-page-section .first {
     height: auto;
   }
 }
+
+@media (max-width: 767px) {
+  .carousel .carousel-control {
+    visibility: hidden;
+  }
+}
+
+@media (max-width: 767px) {
+  .carousel {
+    min-height: 300px !important;
+  }
+}
+
+@media (max-width: 767px) {
+  #people .col-xs-12 {
+    padding-right: 0px !important;
+  }
+  #people .col-xs-12 table.formatted.committers > tbody > tr > td:nth-child(odd) {
+    font-weight: 500;
+  }
+}

Modified: incubator/ignite/site/trunk/features.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/features.html?rev=1692997&r1=1692996&r2=1692997&view=diff
==============================================================================
--- incubator/ignite/site/trunk/features.html (original)
+++ incubator/ignite/site/trunk/features.html Tue Jul 28 05:20:32 2015
@@ -89,48 +89,6 @@ under the License.
                 </div>
             </div>
 
-            <!--<table class="overview">-->
-                <!--<thead>-->
-                    <!--<tr>-->
-                        <!--<th class="left border-right">Transactions & Analytics</th>-->
-                        <!--<th class="border-right">Hadoop & Spark</th>-->
-                        <!--<th>Runs Everywhere</th>-->
-                    <!--</tr>-->
-                <!--</thead>-->
-                <!--<tbody>-->
-                    <!--<tr>-->
-                        <!--<td width="36%" class="left border-right"><a href="/features/datagrid.html">Data Grid</a></td>-->
-                        <!--<td class="border-right"><a href="/features/igniterdd.html">Spark Shared RDD</a></td>-->
-                        <!--<td><a href="/features/clientprotos.html">Client Protocols</a></td>-->
-                    <!--</tr>-->
-                    <!--<tr>-->
-                        <!--<td width="32%" class="left border-right"><a href="/features/computegrid.html">Compute Grid</a></td>-->
-                        <!--<td class="border-right"><a href="/features/igfs.html">In-Memory File System</a></td>-->
-                        <!--<td><a href="/features/deploy.html">Deployment Options</a></td>-->
-                    <!--</tr>-->
-                    <!--<tr>-->
-                        <!--<td class="left border-right"><a href="/features/streaming.html">Streaming & CEP</a></td>-->
-                        <!--<td class="border-right"><a href="/features/mapreduce.html">In-Memory MapReduce</a></td>-->
-                        <!--<td>&nbsp;</td>-->
-                    <!--</tr>-->
-                    <!--<tr>-->
-                        <!--<td class="left border-right"><a href="/features/datastructures.html">Data Structures</a></td>-->
-                        <!--<td class="border-right">&nbsp;</td>-->
-                        <!--<td>&nbsp;</td>-->
-                    <!--</tr>-->
-                    <!--<tr>-->
-                        <!--<td class="left border-right"><a href="/features/messaging.html">Messaging</a></td>-->
-                        <!--<td class="border-right">&nbsp;</td>-->
-                        <!--<td>&nbsp;</td>-->
-                    <!--</tr>-->
-                    <!--<tr>-->
-                        <!--<td class="left border-right"><a href="/features/servicegrid.html">Service Grid</a></td>-->
-                        <!--<td class="border-right">&nbsp;</td>-->
-                        <!--<td>&nbsp;</td>-->
-                    <!--</tr>-->
-                <!--</tbody>-->
-            <!--</table>-->
-
             <!--#include virtual="/includes/igniteimage.html" -->
         </section>
     </main>

Modified: incubator/ignite/site/trunk/includes/scripts.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/includes/scripts.html?rev=1692997&r1=1692996&r2=1692997&view=diff
==============================================================================
--- incubator/ignite/site/trunk/includes/scripts.html (original)
+++ incubator/ignite/site/trunk/includes/scripts.html Tue Jul 28 05:20:32 2015
@@ -41,4 +41,13 @@
 <!-- Syntax highlight. -->
 <script type="text/javascript">
     SyntaxHighlighter.all()
-</script>
\ No newline at end of file
+</script>
+
+<!-- Disable carousel slide on mobile devices. -->
+<script type="text/javascript">
+    if( /Android|webOS|iPhone|iPod|Galaxy Note|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+ $('.carousel').carousel ({
+   interval:false
+ });
+}
+</script>

Modified: incubator/ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/ignite.scss?rev=1692997&r1=1692996&r2=1692997&view=diff
==============================================================================
--- incubator/ignite/site/trunk/scss/ignite.scss (original)
+++ incubator/ignite/site/trunk/scss/ignite.scss Tue Jul 28 05:20:32 2015
@@ -703,27 +703,26 @@ table.formatted {
 #main table {
     & td {
         @media (max-width: $mobile) {
-              margin: 10px 0 0 -110px !important;
+              margin: 10px 0 5px -110px !important;
               white-space: normal !important;
         }
 
         & ul {
             @media (max-width: $mobile) {
-                  padding:0 0 0 20px ! important;
-                  margin-right: 5px;
+                padding:0 0 0 20px ! important;
+                margin-right: 5px;
             }
         }
     }
 
     & tr:nth-child(odd) td {
         @media (max-width: $mobile) {
-          background-color: white;
+            background-color: white;
         }
     }
 
     @media (max-width: $mobile) {
-          margin: 0 0 20px 0 !important;
-          border: 1px solid #ddd !important;
+        margin: 0 0 20px 0 !important;
     }
 }
 
@@ -815,3 +814,27 @@ iframe {
        height: auto;
    }
 }
+
+.carousel .carousel-control {
+    @media (max-width: $mobile) {
+        visibility: hidden;
+    }
+}
+
+.carousel {
+    @media (max-width: $mobile) {
+        min-height: 300px !important;
+    }
+}
+
+#people {
+    & .col-xs-12 {
+        @media (max-width: $mobile) {
+            padding-right: 0px !important;
+
+            & table.formatted.committers > tbody> tr > td:nth-child(odd) {
+                font-weight: 500;
+            }
+        }
+    }
+}