ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From vkuliche...@apache.org
Subject svn commit: r1804348 - in /ignite/site/trunk: blogs.html css/all.css index.html scss/ignite.scss
Date Mon, 07 Aug 2017 16:52:46 GMT
Author: vkulichenko
Date: Mon Aug  7 16:52:46 2017
New Revision: 1804348

URL: http://svn.apache.org/viewvc?rev=1804348&view=rev
Log:
css fixes for the ignite comparison table (on the homepage) for small screens

Modified:
    ignite/site/trunk/blogs.html
    ignite/site/trunk/css/all.css
    ignite/site/trunk/index.html
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/blogs.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/blogs.html?rev=1804348&r1=1804347&r2=1804348&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1804348&r1=1804347&r2=1804348&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Mon Aug  7 16:52:46 2017
@@ -8663,6 +8663,7 @@ section.page-subsection {
   font-size: 26px;
   font-weight: 300;
   letter-spacing: 5px;
+  line-height: 35px;
 }
 
 .feature-box h2 {
@@ -8861,6 +8862,64 @@ table.comparison-matrix > tbody > tr .le
     border: none !important;
   }
 }
+@media (max-width: 767px) {
+  table.comparison-matrix {
+    display: none !important;
+  }
+}
+
+table.comparison-matrix-mobile {
+  display: none;
+}
+@media (max-width: 767px) {
+  table.comparison-matrix-mobile {
+    border: none !important;
+    padding-bottom: 20px;
+    position: relative;
+  }
+  table.comparison-matrix-mobile > thead {
+    display: block !important;
+  }
+  table.comparison-matrix-mobile > thead > tr {
+    background: #e50000;
+    border: 1px solid #e50000;
+    height: 40px;
+  }
+  table.comparison-matrix-mobile > thead > tr > th {
+    color: white;
+    font-size: 20px !important;
+    font-weight: 400;
+    border: none !important;
+    display: block !important;
+    text-align: center;
+    padding: 10px !important;
+  }
+  table.comparison-matrix-mobile > tbody > tr {
+    border-bottom: 1px solid #d7d7d7;
+  }
+  table.comparison-matrix-mobile > tbody > tr > td {
+    border: none !important;
+    font-weight: 300;
+    letter-spacing: 0.2px;
+    vertical-align: middle;
+  }
+  table.comparison-matrix-mobile > tbody > tr > td > span {
+    padding: 0px !important;
+  }
+  table.comparison-matrix-mobile > tbody > tr > td .right {
+    float: right;
+    width: 50%;
+    margin-left: 10px;
+  }
+  table.comparison-matrix-mobile > tbody > tr.ignite {
+    background: #eee;
+  }
+}
+@media (max-width: 767px) and (max-width: 767px) {
+  table.comparison-matrix-mobile > tbody {
+    border: none !important;
+  }
+}
 
 .github-stats-bar {
   background: #e50000;

Modified: ignite/site/trunk/index.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index.html?rev=1804348&r1=1804347&r2=1804348&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1804348&r1=1804347&r2=1804348&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Mon Aug  7 16:52:46 2017
@@ -1143,6 +1143,7 @@ section.page-subsection {
         font-size: 26px;
         font-weight: 300;
         letter-spacing: 5px;
+        line-height: 35px;
     }
 }
 
@@ -1357,6 +1358,78 @@ table.comparison-matrix {
             border: none !important;
         }
     }
+
+    @media (max-width: $mobile) {
+        display: none !important;
+    }
+}
+
+
+
+
+table.comparison-matrix-mobile {
+    display: none;
+    @media (max-width: $mobile) {
+        border: none !important;
+        padding-bottom: 20px;
+        position: relative;
+
+
+        & > thead {
+            display: block !important;
+            & > tr {
+                background: #e50000;
+                border: 1px solid #e50000;
+                height: 40px;
+                & > th {
+                    color: white;
+                    font-size: 20px !important;
+                    font-weight: 400;
+                    border: none !important;
+                    display: block !important;
+                    text-align: center;
+                    padding : 10px !important;
+                }
+
+            }
+        }
+
+        & > tbody {
+
+            & > tr {
+                border-bottom: 1px solid #d7d7d7;
+
+                & > td {
+                    border: none !important;
+                    font-weight: 300;
+                    letter-spacing: 0.2px;
+                    vertical-align: middle;
+
+                    & > span {
+                        padding: 0px !important;
+                    }
+
+                    & .right {
+                        float: right;
+                        width: 50%;
+                        margin-left: 10px;
+                    }
+
+                    & .left {
+
+                    }
+                }
+
+                &.ignite {
+                    background: #eee;
+                }
+            }
+
+            @media (max-width: $mobile) {
+                border: none !important;
+            }
+        }
+    }
 }
 
 .github-stats-bar {



Mime
View raw message