KwickerHub / KwickerHub/WebCraftifyAI

Make Suggestion Style Properties in UI_dashboard

Open
#121 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

good first issue hacktoberfest
Dominant language
HTML
Stars
88
Forks
367
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
We also need some suggestion on the input box for size properties like border radius, width, font-size, height etc. All this properties only need some pixels, em, %, vh or vw
We can always make some meaningful global suggestions for the users. example (9px, 100%, 100vh, 20px, etc)

File/Files you will work on
ui_dashboard.html

Possible Lines of Code
You should not add above the possible lines of code. (if given)

Result or Final Looks
At the end of the day, your code should make it easier for people. When people click a size property(example: height, border radius, width etc), they should get some really good suggestions. HINT=Use HTML datalist tag, Get more information from the dashboard.html file as many people have made similar contributions to values e.g(float, display etc)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in ui_dashboard.html and review the existing value suggestions referenced from dashboard.html, especially entries for properties such as float and display. Add datalist-based suggestions for size properties including width, height, border radius, and font-size, using useful px, em, %, vh, and vw values. Done means clicking each relevant property exposes helpful size suggestions.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend, web-dev
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.