GithubHelp home page GithubHelp logo

Variable Background Colors about cicero-ui HOT 16 CLOSED

irmerk avatar irmerk commented on August 18, 2024
Variable Background Colors

from cicero-ui.

Comments (16)

gsilvamartin avatar gsilvamartin commented on August 18, 2024 1

Please assign this to me.

from cicero-ui.

mbtamuli avatar mbtamuli commented on August 18, 2024 1

@gsilvamartin are you still working on this?

@irmerk Can I take a shot at this?

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024 1

The yellow highlighted portions in cicero-ui locally here:
Screen Shot 2019-10-23 at 14 49 32 PM

These are generated from the markdown-transform, some parts to refer to:

Though that could potentially be overkill because I believe Slate is the one adding the yellow highlighting annotation, which will be in this repo. @dselman any thoughts?

You'll want to run this locally with cicero-ui linked through npm link

from cicero-ui.

mbtamuli avatar mbtamuli commented on August 18, 2024 1

I wasn't able to work on this. You can unassign me for now.

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

Opening this back up after 6 days stale. @gsilvamartin let me know if you're still working on it and I'll reassign.

from cicero-ui.

mbtamuli avatar mbtamuli commented on August 18, 2024

@irmerk I am a little confused by this issue.

Variables should have customizable background colors, as well as only having colors in lockText mode.

  1. So here, does Variables mean the variables in the template as described here https://docs.accordproject.org/docs/spec-template.html#grammar?

  2. I can see example of variable usage here - https://studio.accordproject.org/. How can I run this locally?

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

@mbtamuli any progress on this?

from cicero-ui.

elit-altum avatar elit-altum commented on August 18, 2024

Can I take a shot with this ?

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

@elit-altum Yes but I believe this may need to be moved to cicero-ui, which is where variables are defined and used. I'll transfer it there and assign you.

from cicero-ui.

elit-altum avatar elit-altum commented on August 18, 2024

@irmerk Could you tell me if there is any prop which can be accessed by the .variable class to indicate if the lockText is true or false ?

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

Not sure I understand the question completely, but you could find lockText in this function, probably off the editor.

from cicero-ui.

elit-altum avatar elit-altum commented on August 18, 2024

@irmerk I have made the backgroundColor property responsive to editor.props.lockText. It looks something like this :

image

Contrast of yellow : blue is 9.55

Should I proceed to make a PR?

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

Yes that works, we can provide more feedback then!

from cicero-ui.

elit-altum avatar elit-altum commented on August 18, 2024

Yes that works, we can provide more feedback then!

@irmerk Please review!
#316

from cicero-ui.

a4aditya avatar a4aditya commented on August 18, 2024

This Issue should be Closed 👍

from cicero-ui.

irmerk avatar irmerk commented on August 18, 2024

Once #316 is merged this will be closed.

from cicero-ui.

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.