You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by zr...@apache.org on 2020/07/02 08:53:35 UTC
[camel-website] 06/08: CAMEL-14958: change breakpoint to 1175
This is an automated email from the ASF dual-hosted git repository.
zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git
commit 7b624b1afeb6adfd1f78f62886140d67fe88441d
Author: Aemie <ae...@hotmail.co.uk>
AuthorDate: Sun Jun 28 12:42:34 2020 +0530
CAMEL-14958: change breakpoint to 1175
---
antora-ui-camel/src/css/blog.css | 4 ++--
antora-ui-camel/src/css/doc.css | 12 +++---------
antora-ui-camel/src/css/frontpage.css | 2 +-
antora-ui-camel/src/css/header.css | 12 ++++++------
antora-ui-camel/src/css/nav.css | 12 +++---------
antora-ui-camel/src/css/static.css | 4 ++--
antora-ui-camel/src/css/toc.css | 4 ++--
antora-ui-camel/src/css/toolbar.css | 2 +-
antora-ui-camel/src/css/vars.css | 2 +-
9 files changed, 21 insertions(+), 33 deletions(-)
diff --git a/antora-ui-camel/src/css/blog.css b/antora-ui-camel/src/css/blog.css
index 7a06e1d..61832dc 100644
--- a/antora-ui-camel/src/css/blog.css
+++ b/antora-ui-camel/src/css/blog.css
@@ -193,7 +193,7 @@ article.blog p {
padding: 1rem;
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.blog .pagination {
max-width: var(--static-max-width--desktop);
}
@@ -224,7 +224,7 @@ article.blog p {
color: var(--color-white);
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
article.blog:first-child {
margin-top: 5rem;
}
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index fd8d58a..9ade084 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -37,21 +37,15 @@
margin: 1.5rem 0;
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.doc > h1.page:first-child {
margin-top: 2.5rem;
}
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
.doc > h1.page:first-child {
- margin-top: 3rem;
- }
-
- @media screen and (max-width: 1023px) {
- .doc > h1.page:first-child {
- margin-top: 5rem;
- }
+ margin-top: 5rem;
}
}
diff --git a/antora-ui-camel/src/css/frontpage.css b/antora-ui-camel/src/css/frontpage.css
index 705ce15..7e92c10 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -251,7 +251,7 @@ section.frontpage h2 {
}
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
header.frontpage {
margin-top: var(--navbar-height);
}
diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index 6927e9a..9fd6031 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -28,7 +28,7 @@ body {
padding: 0 0.375rem;
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.navbar-end > .navbar-item,
.navbar-end .navbar-link {
color: var(--navbar-font-color);
@@ -158,7 +158,7 @@ body {
margin: 0.25rem 0;
}
-@media screen and (max-width: 1277px) and (min-width: 480px) {
+@media screen and (max-width: 1174px) and (min-width: 480px) {
.navbar-menu.is-active {
display: block;
position: absolute;
@@ -227,7 +227,7 @@ body {
}
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
.navbar-menu.is-active {
display: block;
position: absolute;
@@ -297,7 +297,7 @@ body {
}
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.navbar,
.navbar-menu,
.navbar-end {
@@ -506,7 +506,7 @@ body {
fill: var(--navbar-font-color);
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
.navbar-tools {
display: flex;
align-items: flex-end;
@@ -520,7 +520,7 @@ body {
}
/* Styling for mobile use */
-@media (max-width: 1277px) {
+@media (max-width: 1174px) {
.navbar {
height: var(--navbar-mobile-height);
}
diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index 1940a3d..9dcf08f 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -66,13 +66,13 @@ html.is-clipped--nav {
height: var(--nav-panel-height);
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.nav-panel-menu {
height: var(--nav-panel-height--desktop);
}
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
.nav-panel-menu {
margin-top: var(--navbar-height);
}
@@ -324,12 +324,6 @@ html.is-clipped--nav {
background-size: 9.5rem;
background-position-x: 10px;
background-position-y: 10px;
- width: 11rem;
+ width: 10rem;
order: 1;
}
-
-@media screen and (max-width: 328px) {
- .nav-logo {
- width: 10rem;
- }
-}
diff --git a/antora-ui-camel/src/css/static.css b/antora-ui-camel/src/css/static.css
index 78e74e9..0b05a85 100644
--- a/antora-ui-camel/src/css/static.css
+++ b/antora-ui-camel/src/css/static.css
@@ -2,13 +2,13 @@
margin: var(--static-margin);
}
-@media screen and (min-width: 1278px) {
+@media screen and (min-width: 1175px) {
.static {
max-width: var(--static-max-width--desktop);
}
}
-@media screen and (max-width: 1277px) {
+@media screen and (max-width: 1174px) {
.static {
margin-top: 5rem;
}
diff --git a/antora-ui-camel/src/css/toc.css b/antora-ui-camel/src/css/toc.css
index e430ee1..6b370a8 100644
--- a/antora-ui-camel/src/css/toc.css
+++ b/antora-ui-camel/src/css/toc.css
@@ -8,9 +8,9 @@
top: var(--toc-top);
}
-@media screen and (min-width: 1024px) and (max-width: 1277px) {
+@media screen and (min-width: 1024px) and (max-width: 1174px) {
.toc.sidebar .toc-menu {
- margin-top: 2rem;
+ margin-top: 4rem;
top: var(--toc-mobile-top);
}
}
diff --git a/antora-ui-camel/src/css/toolbar.css b/antora-ui-camel/src/css/toolbar.css
index a80c2a7..e987d3b 100644
--- a/antora-ui-camel/src/css/toolbar.css
+++ b/antora-ui-camel/src/css/toolbar.css
@@ -12,7 +12,7 @@
z-index: var(--z-index-toolbar);
}
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1174px) {
.toolbar {
top: var(--navbar-mobile-height);
}
diff --git a/antora-ui-camel/src/css/vars.css b/antora-ui-camel/src/css/vars.css
index 981fb17..6507dde 100644
--- a/antora-ui-camel/src/css/vars.css
+++ b/antora-ui-camel/src/css/vars.css
@@ -146,7 +146,7 @@
--nav-panel-height--desktop: calc(var(--nav-height--desktop) - var(--drawer-height));
--nav-width: calc(270 / var(--rem-base) * 1rem);
--toc-top: calc(var(--body-top) + var(--toolbar-height));
- --toc-mobile-top: calc(1rem + var(--toc-top));
+ --toc-mobile-top: calc(3rem + var(--toc-top));
--toc-height: calc(100vh - var(--toc-top) - 2.5rem);
--toc-width: calc(162 / var(--rem-base) * 1rem);
--toc-width--widescreen: calc(216 / var(--rem-base) * 1rem);