Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Dec 30, 2025

The count badge on the "everything" tag was using default gray styling instead of matching the tag's orange theme, breaking visual consistency.

Changes

  • Added countClasses computed property to handle count badge styling
  • Orange theme (bg-orange-200 text-orange-700/800) applied when isEverything.value is true
  • Supports all variants (default, selected, highlighted) with appropriate color adjustments
  • Regular tags retain gray styling
const countClasses = computed(() => {
    if (isEverything.value) {
        if (props.variant === 'highlighted' || props.variant === 'selected') {
            return 'bg-orange-200 text-orange-800 dark:bg-orange-800 dark:text-orange-200';
        } else {
            return 'bg-orange-200 text-orange-700 dark:bg-orange-800 dark:text-orange-300';
        }
    }
    // ... gray theme for regular tags
});

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 3 commits December 30, 2025 00:15
Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>
Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>
…ants

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>
Copilot AI changed the title [WIP] Address feedback on 'Everything tag, frontend' pull request Add orange theme styling for count badge on "everything" tag Dec 30, 2025
Copilot AI requested a review from AllanKoder December 30, 2025 00:18
@AllanKoder AllanKoder marked this pull request as ready for review December 30, 2025 01:37
@AllanKoder AllanKoder merged commit 76b1d3f into everything-tag Dec 30, 2025
1 check passed
@AllanKoder AllanKoder deleted the copilot/sub-pr-55 branch December 30, 2025 01:37
AllanKoder added a commit that referenced this pull request Dec 30, 2025
* Everything tag, frontend

* Update resources/js/Pages/Resources/Form/TagsFields.vue

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update resources/js/Components/Form/TagSelector.vue

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Make TagSelector tooltip mode-aware for comma-separated tags (#57)

* Initial plan

* Make tooltip mode-aware to show comma-separated tags help

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

* Add orange theme styling for count badge on "everything" tag (#56)

* Initial plan

* Add orange-themed styling for count badge on 'everything' tag

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

* Add explicit handling for 'selected' variant in count badge styling

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

* Consolidate duplicate styling logic for highlighted and selected variants

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
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.

2 participants