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.


Log in to reply
 


Star

Looks like your connection to NodeBB was lost, please wait while we try to reconnect.