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/03/12 12:16:11 UTC
[camel-website] branch master updated (36cf785 -> d2091a3)
This is an automated email from the ASF dual-hosted git repository.
zregvart pushed a change to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git.
from 36cf785 "split" class has flex: 100% in mobile screen
new 8469acf Improvement upon the navbar-menu
new d2091a3 Font color and underlining done in navbar-menu
The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
Summary of changes:
antora-ui-camel/src/css/header.css | 52 +++++++++++++++++++++++--
antora-ui-camel/src/partials/header-content.hbs | 4 +-
layouts/partials/header.html | 4 +-
3 files changed, 53 insertions(+), 7 deletions(-)
[camel-website] 01/02: Improvement upon the navbar-menu
Posted by zr...@apache.org.
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 8469acf7064d82d5ce13caf5a690b43cdfd8704e
Author: Prerna <ps...@gmail.com>
AuthorDate: Thu Mar 12 02:30:36 2020 +0530
Improvement upon the navbar-menu
---
antora-ui-camel/src/css/header.css | 24 +++++++++++++++++++++---
1 file changed, 21 insertions(+), 3 deletions(-)
diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index 9b4a760..5d5f64b 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -163,7 +163,7 @@ body {
margin: 0.25rem 0;
}
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1023px) and (min-width: 480px) {
.navbar-brand .navbar-item {
display: flex;
align-items: flex-start;
@@ -178,11 +178,11 @@ body {
.navbar-menu.is-active {
display: block;
position: absolute;
- height: calc(100vh - 4rem);
+ height: calc(90vh - 6rem);
box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
overflow-y: auto;
top: 4rem;
- left: 0;
+ left: auto;
right: 0;
}
@@ -192,6 +192,24 @@ body {
}
}
+@media screen and (max-width: 479px) {
+ .navbar-menu.is-active {
+ display: block;
+ position: absolute;
+ height: calc(100vh - 4rem);
+ box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
+ overflow-y: auto;
+ top: 4rem;
+ left: 0;
+ right: 0;
+ }
+
+ .navbar-menu {
+ background: var(--navbar-menu-background);
+ padding: 0.5rem 0;
+ }
+}
+
@media screen and (min-width: 1024px) {
.navbar,
.navbar-menu,
[camel-website] 02/02: Font color and underlining done in
navbar-menu
Posted by zr...@apache.org.
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 d2091a345da2ae230533bb3de69c76d54a2b0a76
Author: Prerna <ps...@gmail.com>
AuthorDate: Thu Mar 12 05:47:38 2020 +0530
Font color and underlining done in navbar-menu
---
antora-ui-camel/src/css/header.css | 28 +++++++++++++++++++++++++
antora-ui-camel/src/partials/header-content.hbs | 4 ++--
layouts/partials/header.html | 4 ++--
3 files changed, 32 insertions(+), 4 deletions(-)
diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index 5d5f64b..837161e 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -170,6 +170,20 @@ body {
flex-flow: column;
}
+ .navbar-item.navbar-topics,
+ .navbar-link.navbar-topics {
+ color: var(--navbar-font-color);
+ }
+
+ .navbar-item {
+ font-weight: bold;
+ }
+
+ .navbar-dropdown .navbar-item:hover {
+ text-decoration: underline;
+ text-decoration-color: var(--navbar-hover-font-color);
+ }
+
.navbar-menu {
background: var(--navbar-menu-background);
padding: 0.5rem 0;
@@ -204,6 +218,20 @@ body {
right: 0;
}
+ .navbar-item.navbar-topics,
+ .navbar-link.navbar-topics {
+ color: var(--navbar-font-color);
+ }
+
+ .navbar-item {
+ font-weight: bold;
+ }
+
+ .navbar-dropdown .navbar-item:hover {
+ text-decoration: underline;
+ text-decoration-color: var(--navbar-hover-font-color);
+ }
+
.navbar-menu {
background: var(--navbar-menu-background);
padding: 0.5rem 0;
diff --git a/antora-ui-camel/src/partials/header-content.hbs b/antora-ui-camel/src/partials/header-content.hbs
index c4d8ca3..1a0a494 100644
--- a/antora-ui-camel/src/partials/header-content.hbs
+++ b/antora-ui-camel/src/partials/header-content.hbs
@@ -8,9 +8,9 @@
{{#each @items}}
{{#if children}}
<div class="navbar-item has-dropdown is-hoverable">
- <a class="navbar-link" href="#">{{name}}</a>
+ <a class="navbar-link navbar-topics" href="#">{{name}}</a>
{{else}}
- <a class="navbar-item" href="{{../../siteRootPath}}{{url}}">{{name}}</a>
+ <a class="navbar-item navbar-topics" href="{{../../siteRootPath}}{{url}}">{{name}}</a>
{{/if}}
{{#if children}}
<div class="navbar-dropdown">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 3d2e9e9..5f1ed14 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -39,7 +39,7 @@
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<div class="navbar-item has-dropdown is-hoverable">
- <a class="navbar-link" href="#">{{ .Name }}</a>
+ <a class="navbar-link navbar-topics" href="#">{{ .Name }}</a>
<div class="navbar-dropdown">
{{ range .Children }}
<a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name }}</a>
@@ -47,7 +47,7 @@
</div>
</div>
{{ else }}
- <a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name }}</a>
+ <a class="navbar-item navbar-topics" href="{{ .URL | relURL }}">{{ .Name }}</a>
{{ end }}
{{ end }}
</div>