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> </td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td class="left border-right"><a
href="/features/datastructures.html">Data Structures</a></td>-->
- <!--<td class="border-right"> </td>-->
- <!--<td> </td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td class="left border-right"><a
href="/features/messaging.html">Messaging</a></td>-->
- <!--<td class="border-right"> </td>-->
- <!--<td> </td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td class="left border-right"><a
href="/features/servicegrid.html">Service Grid</a></td>-->
- <!--<td class="border-right"> </td>-->
- <!--<td> </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;
+ }
+ }
+ }
+}
