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:13 UTC
[camel-website] 02/02: Font color and underlining done in
navbar-menu
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>