[NODEBB] Help for my custom CSS

[DownPW]

I forgot this.

– On position text and icon of theme switcher, I have added padding-top to ventilate the surrounding area and align all icon :

/*Smartphone*/
@media all and (max-width: 1024px)
{
/*VIOLENCE: BUGFIX: Placement du "Theme Switcher" */
    #switcher {
    list-style: none;
    margin-left: -80px;
    padding-top: 15px;
}
}

– And I also improved the space between the icon and the text :

@media all and (max-width: 1024px)
{
#switcher .fa-fw {
    text-align: center;
    width: 1.25em;
    padding-right: 25px;
}
}

– Result:

[phenomlab]

@downpw another great addition

[DownPW]

@phenomlab

An idea for CSS code for that button (Abandon) after click ?

[phenomlab]

@downpw Can you expand on that ?

[DownPW]

color, background color and after a click on the abandon button

[phenomlab]

@downpw Ok. Do you have a mock-up in terms of what you’d be looking for ? I think I understand, but it will require jQuery

[DownPW]

@phenomlab

I don’t think so JQuery are necessary becausei hav not that on other themes. Maybe a focus button ?

I want to fix this color background after a click on “Discard” Button when I reply to a topic.

For example you don’t have this on sudonix.com

Just to find the correct CSS code i guess

I have the same problem on login button

[phenomlab]

@downpw Something like this ?

button.btn.btn-default.composer-discard:focus {
    background: red;
}

[DownPW]

Very odd @phenomlab

[phenomlab]

@downpw Expected, because the CSS class is :focus so on mouseout event, the focus is lost and the CSS will no longer apply. This is why you (probably) need jQuery

[DownPW]

Nope, I don’t think so because I haven’t got the problem on an another themes and here too

[phenomlab]

@downpw Can you provide the same example with another theme ?

[DownPW]

@phenomlab

[phenomlab]

@downpw So (for example) do you want the Discard button to turn red if you you click Confirm, or am I off track here ? Not entirely sure what you’re after

[DownPW]

@phenomlab Never mind already found the right CSS property would be nice

[phenomlab]

@downpw Do you mean this one

button.btn.btn-default.composer-discard:focus {
    background: red;
}

Or another ?

[DownPW]

@phenomlab Another I think

[DownPW]

It seem to be a btn-default problem

[DownPW]

@downpw

yes it’s that

But if you have the same for Login button, I take

[phenomlab]

@downpw Think I might have it

.composer-discard:disabled {
    background: red !important;
}