topic title not shown correctly



  • This is how it looks like:

    0_1481220668174_before.png

    How it should look like:

    0_1481220699505_after.png

    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").



  • 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;
    	}
    
    }
    

    0_1481222847477_better.png


  • Global Moderator

    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?



  • 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.


 

Suggested Topics

| |