topic title not shown correctly

[vstoykov]

This is how it looks like:

How it should look like:

Bad CSS:

@media (min-width:992px) {
	.composer .resizer,.composer.reply .title-container {
		display:block
	}
	.composer .title-container {
		border:0
	}
	.composer .title-container .title {
		font-size:22px;
		margin-left:-16px;
		padding:14px 16px
	}

Corrected CSS:

@media (min-width:992px) {
	.composer .resizer,.composer.reply .title-container {
		display:block
	}
	.composer .title-container {
		border:0
	}

	.composer .title-container .title {
		font-size:22px;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding:10px 10px 10px 10px; 
		border: 1px solid #ccc;
	}

Also it can be corrected by adding this as "Custom CSS":

@media (min-width:992px) {

	.composer .title-container .title {
		font-size:22px;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding:10px 10px 10px 10px; 
		border: 1px solid #ccc;
	}

}

Where is this CSS in the source code? I can't find it, so I used the "Custom CSS" feature (at "/admin/appearance/customise").

[vstoykov]

Better solution:

@media (min-width:992px) {

	.composer .title-container .title {
		box-sizing: content-box;
	}

}

It looks better with border (the border implies that this is a field for writing):

@media (min-width:992px) {

	.composer .title-container .title {
		box-sizing: content-box;
		border: 1px solid #ccc;
	}

}

[PitaJ]

What version of composer are you using, and what theme is this on? Also, it appears that this is when using the composer as a guest?

[vstoykov]

I am using nodebb-plugin-composer-default 4.3.2 and NodeBB v1.4.0.

The problem is present on Lavender and other themes. Looks like it is not related to the theme.