Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card Background.Dark not being set #2482

Closed
sturlath opened this issue Jun 16, 2021 · 3 comments
Closed

Card Background.Dark not being set #2482

sturlath opened this issue Jun 16, 2021 · 3 comments
Labels
Type: External Resolution Won't fix unless external party fixes the problem on their side.

Comments

@sturlath
Copy link
Contributor

If I set Background to Background.Dark it is just stays white. Is this a bug or just connected to styling in the abp.io framework I´m using? If so I´ll file a bug there

Here is the code I´m using with Warning that works fine

<Card Margin="Margin.Is4.FromBottom" Background="Background.Warning" WhiteText="true">
    <CardBody>
        <CardTitle Size="4">Test</CardTitle>
    </CardBody>
    <CardFooter Style="background-color: rgb(10 11 84)">
        <Fields>
            <Field>
                <small class="text-muted">@DateTime.Now().ToShortDateString()</small>
            </Field>
            <Field>
                <small class="text-muted" style="position: absolute; right: 5px;">@DateTime.Now().ToShortTimeString()</small>
            </Field>
        </Fields>
    </CardFooter>
</Card>

image

@stsrki
Copy link
Collaborator

stsrki commented Jun 16, 2021

It is working just fine in our demo app.

image

Maybe in ABP, there is some special CSS override for background dark? Maybe you have a dark theme so everything is reversed?

@sturlath
Copy link
Contributor Author

I have gone through all the themes (lepton) and they are all like this. So I guess that there is something overriding it in ABP.

Here is one of the lighter ones Style 5.
image

@stsrki stsrki added the Type: External Resolution Won't fix unless external party fixes the problem on their side. label Jun 18, 2021
@stsrki stsrki closed this as completed Jun 18, 2021
@sturlath
Copy link
Contributor Author

sturlath commented Oct 2, 2021

I created another issue in abp.io and now because I can´t remove shadows from cards (at least).

Like I comment there, I find it strange that explicitly setting Shadow="Shadow.None" on a component doesn´t override the CSS styling of some theme. Is that not correct line of thought?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: External Resolution Won't fix unless external party fixes the problem on their side.
Projects
None yet
Development

No branches or pull requests

2 participants