Giter Club home page Giter Club logo

Comments (7)

jcarroll2007 avatar jcarroll2007 commented on September 16, 2024

Just out of curiosity - why is the class invite__button being used to override the button themes? This seams redundant. Since .btn already exists, why not use that class?

from stem.

sathomas avatar sathomas commented on September 16, 2024

it's a holdover from the early implementation, and you're right; it shouldn't be needed.

from stem.

jcarroll2007 avatar jcarroll2007 commented on September 16, 2024

Ok, cool. I'll clean those up.

One other small note - Due to the fact that the standard buttons don't have borders, the height and width of the standard buttons, compared to the transparent buttons, is 4px less (because of the 2px border on each side).

Example: (It's also a bit strange that the transparent button is rendered slightly above the standard one). This image was taken from the updated docs on my branch
image

Of course, this can be fixed, just let me know if it is important enough to tackle. I briefly tried to add a border to all buttons to keep the size consistent, but this caused other styling issues.

from stem.

sathomas avatar sathomas commented on September 16, 2024

Good to check, and it's definitely not acceptable for the buttons to have different sizes. Seems like it ought to be simple enough to give the default btn class a transparent border and then adjust as appropriate for themes. Also looks like the margins and/or padding needs adjustment to vertically center the button text.

from stem.

jcarroll2007 avatar jcarroll2007 commented on September 16, 2024

OK, I fixed the border and vertically centered issues. Would you like me to remove the invite__button class and all other unnecessary classes? (results-main__button, results-secondary__button etc.)

from stem.

sathomas avatar sathomas commented on September 16, 2024

that would be great

from stem.

sathomas avatar sathomas commented on September 16, 2024

incorporated from PR

from stem.

Related Issues (13)

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.