Sidebar/TOC: width and chronological ordering?

[dietervansteenwegen]

I have the sidebar/TOC for the posts set up as I want it (with categories), but I'd like to change two more things:

• by default, the sidebar is rather small. Is there a way to make it wider/define the width without having to make changes to the theme? If not, where would I make that change in the theme?
• Is there an option to sort the post chronologically (by post date) in the sidebar? I can order them manually by playing with the menu: sidebar: weight: 10 value and setting it incrementing by date, but maybe there is setting somewhere?

[BernatBC]

Hi @dietervansteenwegen
As far as I know, I don't think there's any of the two options. However,

• I think you can modify the width of the sidebar in the file assets/styles/navigators/sidebar.scss.
• For the second option, I guess we would need to change either layouts/partials/navigators/sidebar.html or assets/scripts/sections/sidebar.js.

[dietervansteenwegen]

@BernatBC allright, thanks.

Chronological sorting seemed something so basic and obvious, I kind of expected it to be part of Hugo itself.

Actually... Just realized I didn't check if it isn't possible by default in Hugo :(. Checked the Toha docs and source, but forgot Hugo base functionality. Will check tomorrow.

[hossainemruz]

The sidebar items are manually sorted so that you can organize posts into category and sub-category. However, the post cards are chronologically sorted. If you need sidebar to be more like other blog where it will be categorized by month/year, you will have to create a new sidebar layout. Hugo provides the basic functionalities to group/sort posts by date.
Ref: https://gohugo.io/variables/pages/