GithubHelp home page GithubHelp logo

Comments (7)

vnbaaij avatar vnbaaij commented on June 13, 2024 1

Which CSS do you mean?

If you want to do this in your app, you can target that specific element with something like:

<style>
     fluent-text-field::part(control) {
    ...your styles here...
    }
</style>

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on June 13, 2024 1

We don't include it directly in the library. We have the core assets project that Imports the script into our build output.
Easiest way to take a look at it would be to go to https://www.npmjs.com/package/@fluentui/web-components/v/2.6.1?activeTab=code and ten find the dist/web-components.js file. Or you go to the microsoft/fluentui repo and then packages/web-components where you can find the individual TypeScript files the web components library is built from

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on June 13, 2024

That should have no consequenses. That is the beauty of using the Shadow DOM. You are only targeting the elements inside that specific DOM.

from fluentui-blazor.

MarvinKlein1508 avatar MarvinKlein1508 commented on June 13, 2024

@vnbaaij alright. It would be cool to add it to the CSS. I would do it myself but I cannot find the file for this in this repository. The inherit for font-weight is needed here:
grafik

from fluentui-blazor.

MarvinKlein1508 avatar MarvinKlein1508 commented on June 13, 2024

@vnbaaij I mean the part where this .control class is defined. Your script seems to work for me but I'm still wondering where the CSS is defined in this repository. I mean .control has to be defined somewhere with this CSS rules but where? I'm also wondering were the Shadow DOM will be generated

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on June 13, 2024

That is all done in/from the web components script

from fluentui-blazor.

MarvinKlein1508 avatar MarvinKlein1508 commented on June 13, 2024

can you link it?

from fluentui-blazor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.