yttt/yamatotoma.to
2
0
Fork 0
Code Pull requests Activity Actions

Add navbar-var-length config parameter (#1011)

Browse source 
* add navbar-var-length config option

* fix endif -> endunless
This commit is contained in:
Dean Attali 2022-07-20 22:53:17 -04:00 • committed by GitHub
parent 0859158885
commit 685cf73c9d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -1,6 +1,6 @@
## Unreleased version ## Unreleased version
- Fixed the navigation menu so that it would be the same length as the longest sub-menu (#765) - Added `navbar-var-length` config setting that allows the navigation menu to be the same length as the longest sub-menu, so that long words in the submenu are not cut off (#765)
- Added `post_search` config setting that creates a Search button in the navbar (older websites need to set `post_search: true` to enable this feature) (#770) - Added `post_search` config setting that creates a Search button in the navbar (older websites need to set `post_search: true` to enable this feature) (#770)
- Added `edit_page_button` config setting that adds a "Edit page" button to the footer (to edit the current page on GitHub) (#1004) - Added `edit_page_button` config setting that adds a "Edit page" button to the footer (to edit the current page on GitHub) (#1004)
- BREAKING CHANGE: More control over RSS feed sharing: previously, an RSS feed was *always* generated, and if the config setting `rss-description` was set then there was an RSS icon in the footer. Now, an RSS feed is only generated when the config setting `rss-description` exists, and an RSS footer icon is only shown if `rss: true` is set in the `social-network-links` config settings - BREAKING CHANGE: More control over RSS feed sharing: previously, an RSS feed was *always* generated, and if the config setting `rss-description` was set then there was an RSS icon in the footer. Now, an RSS feed is only generated when the config setting `rss-description` exists, and an RSS footer icon is only shown if `rss: true` is set in the `social-network-links` config settings

5
_config.yml
View file

@ -111,6 +111,11 @@ post_search: true
# Add a button in the footer to edit the current page. Only works if your website is hosted on GitHub # Add a button in the footer to edit the current page. Only works if your website is hosted on GitHub
edit_page_button: true edit_page_button: true
# Allow sub-menu items (second-level navigation menu items) to be longer than the top-level menu
# If this setting is off, then long sub-menu words might get cut off
# See https://github.com/daattali/beautiful-jekyll/issues/765 to understand the issue this setting can solve
navbar-var-length: false
# The keywords to associate with your website, for SEO purposes # The keywords to associate with your website, for SEO purposes
#keywords: "my,list,of,keywords" #keywords: "my,list,of,keywords"

11
assets/css/beautifuljekyll.css
View file

@ -250,8 +250,14 @@ img {
margin-top: 0; margin-top: 0;
font-size: 1em; font-size: 1em;
border: 0; border: 0;
min-width: 100%;
padding: 0; padding: 0;
{% if site.navbar-var-length %}
min-width: 100%;
{% else %}
min-width: 0;
width: 100%;
word-break: break-word;
{% endif %}
} }
.navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item { .navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item {
@ -260,6 +266,9 @@ img {
text-decoration: none !important; text-decoration: none !important;
font-weight: normal; font-weight: normal;
color: {{ site.navbar-text-col | default: "#404040" }}; color: {{ site.navbar-text-col | default: "#404040" }};
{% unless site.navbar-var-length %}
white-space: normal;
{% endunless %}
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {