[NODEBB] Help for my custom CSS

[DownPW]

I have a reunion. I will test after

[DownPW]

@phenomlab said in [NODEBB] Help for my custom CSS:

@downpw A quick and easy fix is to remove this (but not from default theme)

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    /* margin-left: -3px; */
}

– It’s Ok just for this below but I must use :

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
   	margin-left: -1px;
}

– For the other problems, If I use this code (must add-1px to margin-left), submit button it’s Ok…

…but not for edit chat button and preference button (mouse over is OK) :

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left: -1px;
}

[phenomlab]

@downpw said in [NODEBB] Help for my custom CSS:

– It’s Ok just for this below but I must use :

I don’t understand why you need this ?

@downpw said in [NODEBB] Help for my custom CSS:

…but not for edit chat button and preference button

I can’t replicate this

All I did was to remove

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
   	margin-left: -3px;
}

I don’t think you need this line at all

[DownPW]

see my 2 last screenshots and connect to the website

[phenomlab]

@downpw This will fix the reply button on hover

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 2px;
}

This will fix the search alignment, as the CSS is inherited

a#save-preferences {
    margin-left: -3px;
    margin-right: 2px;
}

This should fix the message buttons

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}

And this will fix the composer submit button

.composer-submit {
    margin-left: -3px !important;
}

[DownPW]

these code just for CustomCSS file isn’t it @phenomlab ?
On ACP, I leave the code you gave me

[phenomlab]

@downpw Correct. Only apply these fixes to your custom CSS.

[DownPW]

@phenomlab

@phenomlab said in [NODEBB] Help for my custom CSS:

@downpw This will fix the reply button on hover

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 2px;
}

No need, margin-right: 0px; is good for me

This will fix the search alignment, as the CSS is inherited

a#save-preferences {
    margin-left: -3px;
    margin-right: 2px;
}

No working, just add border-radius to 0

a#save-preferences {

border-radius: 0px;
}

This should fix the message buttons

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}

Not working, i was try button .btn .btn-xs .btn-link too. Border is always here. maybe more specific about this button but I don’t see the class.

And this will fix the composer submit button

.composer-submit {
    margin-left: -3px !important;
}

No need it seems to me

[phenomlab]

@downpw Very odd. I actually used this CSS on your site and it works perfectly.

[DownPW]

I don’t know.

I delete the cache all the time after modif CSS file.

[phenomlab]

@downpw I just tried this again from an incognito session, and the CSS I suggested also works perfectly. Very strange indeed…

[DownPW]

Can you see my CSS/ACP ?

maybe I did things wrong?

I try on private navigation too.

[phenomlab]

@downpw Yes, I see the ACP - none of the CSS I provided should be in there - it should only reside in the custom themes.

[DownPW]

hmm if you can see custom CSS, I would appreciate it

[phenomlab]

@downpw Let me have a look

[phenomlab]

@downpw Can you please insert the code I provided into the Dark Aqua CSS theme file?

[DownPW]

@phenomlab

so sorry. first code ?

[phenomlab]

@downpw this one
https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/7?_=1642791291710

I’ll have a look at this tomorrow but ideally need the code applied beforehand.

[DownPW]

@phenomlab

Ok done at the end of the file

[phenomlab]

@downpw thanks