Sidebar Reordering
Theme

Sidebar Reordering en

Salvatos 5 0

Lets you rearrange every link in the main sidebar by simply reordering a list of names in your campaign CSS. Currently supports up to 20 quick links.

Upon activating this theme, you shouldn’t see any change since it maintains the standard positioning of menu items. To change it to your liking, copy the code below to your campaign CSS and rearrange each line as needed:

/* Sidebar positions */
.sidebar-menu.tree {
	grid-template-areas:
	"dashboard"
	"quicklinks"
	"quicklink-1"
	"quicklink-2"
	"quicklink-3"
	"quicklink-4"
	"quicklink-5"
	"quicklink-6"
	"quicklink-7"
	"quicklink-8"
	"quicklink-9"
	"quicklink-10"
	"quicklink-11"
	"quicklink-12"
	"quicklink-13"
	"quicklink-14"
	"quicklink-15"
	"quicklink-16"
	"quicklink-17"
	"quicklink-18"
	"quicklink-19"
	"quicklink-20"
	"world"
	"characters"
	"locations"
	"maps"
	"organisations"
	"families"
	"calendars"
	"timelines"
	"races"
	"campaign"
	"quests"
	"journals"
	"items"
	"events"
	"abilities"
	"notes"
	"other"
	"tags"
	"conversations"
	"dice-rolls"
	"relations"
	"gallery"
	"attribute-templates"
}
A couple important instructions to keep in mind:
  1. There must be only one item per line.
  2. You must not rename the items, leave out the quotation marks or add anything else to the list.
  3. You should not omit any of the above to hide them, but rather turn off the corresponding modules in your campaign settings if you don’t use them.
Other notes:
  1. Quick links can already be ordered via their settings, but you can still change their default positions and e.g. switch links 4 and 5 via this plugin if you prefer. But the most beautiful thing is you can move them to other sections, for example placing a quick link to a custom dashboard right under the default dashboard, or a filtered character list under the main Characters link!
  2. This plugin will not alter the visual indentation of links. For example, Quests is pulled right slightly from Campaign. If you move elements out of their typical group, it will be up to you to adjust that indentation if necessary to align everything properly. At the time of writing, that would mostly entail adding padding-left: 24px; to an item that needs to be indented, or padding-left: 12px; to remove its indentation.
  3. This theme is compatible with my Scrollable Main Sidebar and Pop-Out Sidebar themes.
Example: Alphabetical list

For your convenience, here is an example where every category stays in the same place, but the links within are ordered alphabetically:

/* Sidebar positions */
.sidebar-menu.tree {
	grid-template-areas:
	"dashboard"
	"quicklinks"
	"quicklink-1"
	"quicklink-2"
	"quicklink-3"
	"quicklink-4"
	"quicklink-5"
	"quicklink-6"
	"quicklink-7"
	"quicklink-8"
	"quicklink-9"
	"quicklink-10"
	"quicklink-11"
	"quicklink-12"
	"quicklink-13"
	"quicklink-14"
	"quicklink-15"
	"quicklink-16"
	"quicklink-17"
	"quicklink-18"
	"quicklink-19"
	"quicklink-20"
	"world"
	"calendars"
	"characters"
	"families"
	"locations"
	"maps"
	"organisations"
	"races"
	"timelines"
	"campaign"
	"abilities"
	"events"
	"items"
	"journals"
	"quests"
	"notes"
	"other"
	"attribute-templates"
	"conversations"
	"dice-rolls"
	"gallery"
	"relations"
	"tags"
}

In future releases, I would like to make all quick links place themselves automatically regardless of how many there are, but that’s a nut I haven’t cracked yet.


Latest version: 2 View Content
Released 3 weeks ago Adds support for the new Relations management page.