nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Move the "Add Comment" button

Matthew J. Horn

I am working on heavily customized layouts and styles for a documentation site in Confluence, and am having a hard time finding where the position of the Add Comments button is set. Can anyone point me to the right place for Confluence 4.1.2? Thanks!

Accepted answers

Joe Clark

Hey Matthew,

Have a look in confluence-webapp/src/main/webapp/decorators/components/comments.vmd

Joe.

All comments

Joe Clark

Hey Matthew,

Have a look in confluence-webapp/src/main/webapp/decorators/components/comments.vmd

Joe.

Matthew J. Horn

Cool, thanks, that's exactly what I was looking for.

What I'm having trouble with is that the custom theme that I'm building messes up the comment box. Specifically, it re-arranges the buttons in the RTE's header and resizes the comment area.

Any pointers to either a simplified comment control, or a way to load a comment box without using the local decorators' styles?

I've attached an image that shows what it looks like:

Joe Clark

There's no simplified comment control available, unless you wanted to build your own :-)

If you want to override the styling of the comment box, you may have to modify the editor plugin, or provide some overriding CSS with more specific selectors.

Matthew J. Horn

Thanks, Joseph. I was able to do enough damage by overriding the styles that the comment box is (mostly) back to normal. Specifically, the spacing of the individual toolbar items was being pushed out by some allocated space settings.

So I made a few minor changes and one big one in a CSS file. Minor changes:

/* reduce Group margins */

.aui-toolbar .toolbar-group {

margin-right: 5px;

}

/* Hide the help, undo, and redo buttons */

#rte-button-help, #rte-button-undo, #rte-button-redo {

display: none;

}

/* Set the default height of the Rich Text Editor to 600 -- this is mostly for the edit pages, but also ends up applying to the comments box */

#rte {

height: 600px;

}

This line fixed the primary spacing issues:

#header .aui-dd-parent, #header .aui-dropdown, #autocomplete-dropdown, #autocomplete-dropdown .aui-dropdown {

width: auto;

}

Posting this here in case anyone can benefit from it. Hope to see some of you at the Summit!

matthew horn

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

comment