You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by vk...@apache.org on 2017/08/07 16:52:46 UTC
svn commit: r1804348 - in /ignite/site/trunk: blogs.html css/all.css
index.html scss/ignite.scss
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 {