Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C covid19india-react
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 27
    • Issues 27
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 11
    • Merge requests 11
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • covid19india
  • covid19india-react
  • Issues
  • #747
Closed
Open
Issue created Apr 07, 2020 by Administrator@rootContributor

Why not style dropdowns on the Demographics and Fix the Description :)

Created by: denvamsi

Is your feature request related to a problem? Please describe. No it is not, But a sweet styling :)

Describe the solution you'd like The website has a whole new level of UI, But on the select dropdown styling is not good and didn't matched at all:)

Describe alternatives you've considered I have written some CSS code, I know you can write more better :)

image

My CSS Code : select { background-color: #babbbc; cursor: pointer; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0,0,0,.6); font-family: Lato,"Helvetica Neue",Arial,Helvetica,sans-serif; padding: 0.8em 1em; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.3rem; user-select: none; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; -webkit-tap-highlight-color: transparent; } select { width: 10rem; margin-right: 0.25rem; }

Fix for Description Add any other context or screenshots about the feature request here. image

Can you please try making like this, so it looks good on visit instead of scrolling and we can understand more better :)

Thanks & Regards, Vamsi

Assignee
Assign to
Time tracking