Skip to content

gradient design for interactive tabs (#567) - #689

Open
iamahmudul wants to merge 4 commits into
3C-SCSU:mainfrom
iamahmudul:567-gradient-design-for-interactive-tabs
Open

gradient design for interactive tabs (#567)#689
iamahmudul wants to merge 4 commits into
3C-SCSU:mainfrom
iamahmudul:567-gradient-design-for-interactive-tabs

Conversation

@iamahmudul

Copy link
Copy Markdown
Contributor

Summary

This PR implement gradient background color for tabs, applying Gradient background on hover, active and inactive state.

Related Issue

Closes #567

Changes

  • Applying clean code, extracted reusable NavigationTabButton component from main.qml
  • Implemented Gradient background color with improved UX

Visual after change

image

Create reusable NavigationTabButton.qml component extracted from main.qml
TabButton definitions (lines 27-49, 52-70, 77-95, 107-125, etc.)

Reduces code duplication by ~350+ lines in main.qml.

Original code authorship preserved in git history; consult git blame and
git log for line-by-line attribution to original developers.

Co-authored-by: divyapdarsi <divyaprathyushadarsi@gmail.com>
Co-authored-by: Pranithabellamkonda <pranithabellamkonda69@gmail.com>
Co-authored-by: 3C Cloud Computing Club <114175379+3C-SCSU@users.noreply.github.com>
Co-authored-by: khimabaja <khimbaja.merina@gmail.com>
Co-authored-by: Cha Vue <chavue09@gmail.com>
Co-authored-by: Jason D <FatedZenith@outlook.com>
Co-authored-by: Thomas Herold <thomas.herold@go.stcloudstate.edu>
Co-authored-by: TJ Liebsch <xy5677iz@go.minnstate.edu>
Co-authored-by: kygm <rickev20@gmail.com>
Co-authored-by: FlorentinoG9 <f.valle.garcia@gmail.com>
Co-authored-by: Muhammad Arsalan <arsalan.anwer9050@gmail.com>
Co-authored-by: SalmaanShire365 <salmaanshire@gmail.com>
Co-authored-by: Yash Patel <99848651+Yash272001@users.noreply.github.com>
Co-authored-by: youssef elkhouly <youssef.selkhouly@gmail.com>
Co-authored-by: Aubin Darcy Irakoze <darcy@Darcy.lan>
Co-authored-by: Esma Ali <esmasamiali82@gmail.com>
Co-authored-by: Esma S. Ali <113565880+Esma-Ali@users.noreply.github.com>
Co-authored-by: John Byun <byunjohn9@gmail.com>
Co-authored-by: Josie <ok2424et@go.minnstate.edu>
Co-authored-by: Merina Khimbaja <69229470+khimabaja@users.noreply.github.com>
Co-authored-by: Mohammad Khan <123728847+MohammadSameerKhan@users.noreply.github.com>
Co-authored-by: Muhammad Arham <arham@Muhammads-Mini.lan>
Co-authored-by: Muhammad Arham <arhamctc3117@gmail.com>
Co-authored-by: Shariquddin Mohammed <115866905+Shariq80@users.noreply.github.com>
Co-authored-by: Stephen Wagner <158092758+wags058@users.noreply.github.com>
Co-authored-by: Thomas Herold <159947282+bi4646nv@users.noreply.github.com>
Co-authored-by: Youssef Elkhouly <45288556+youssefelsaied@users.noreply.github.com>
Co-authored-by: divyapdarsi <164548658+divyapdarsi@users.noreply.github.com>

This preserves authorship in git history.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Gradient Design for Interactive Tabs

1 participant