Giter VIP home page Giter VIP logo

Comments (6)

edherm avatar edherm commented on July 26, 2024 1

Adam!

I have pushed my updates to heroku, again!

This time I have made the nav bar sticky and fixed my splash page's line-height.

My auth inputs are not done. I am stuck on the floating labels...

PS This play by play is brought to you by all of the free coffee.

from springboard.

edherm avatar edherm commented on July 26, 2024

I have removed the extraneous nav bar links, increased the login and try it free buttons, increased the font-size of the splash page header, shifted the session form down the page, and added the logo to that.

I am still working on:

  • my Auth/Protected Routes
  • onFocus/Blur to change the class of my input labels so that they shrink and stay shrunk.

I'll update you again when I've finished these and have pushed them to Heroku.

from springboard.

edherm avatar edherm commented on July 26, 2024

Hello, Adam!

Fixed:

  • auth/protected routes are working
  • I completely redid the CSS for:
    • login
    • signup
    • splash
    • main navbar

Some of the css that I started with was way too vague and I was having to fight it later in my styling.

Still needs work:

  • onFocus/Blur for the session form only works in one direction (shrinking the label when i select an input) and it doesn't work with my demo user button
  • my log in button on the session form is resisting my attempts to set it's size...
  • my signup yellow button is also resisting the urge to increase in size...
  • the main navbar should be sticky
  • the main navbar home button in the center

I am pushing these changes to heroku and will continue to work on the second bullet-list in the morning.

from springboard.

edherm avatar edherm commented on July 26, 2024

I also noticed the text color remains the same on the navbar after logging in... I'll fix that in the AM as well.

from springboard.

edherm avatar edherm commented on July 26, 2024

Hello Adam,

I have pushed my updates to heroku!

Immediately upon doing that, I noticed that I need to change my splash page text's line-spacing.

I also still need to make the nav bar sticky.

-Ed

from springboard.

AdamYLiang avatar AdamYLiang commented on July 26, 2024

Gotcha, I'm taking a looking at the auth inputs right now and it seems a bit hard to click on the input fields. I assume thats due to the transition animation? I think what we have right now looks pretty solid though. If you want to move on from the floating labels/animations then you can! Even without the placeholders floating, the session form looks good.

from springboard.

Related Issues (14)

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.