fix: Move and simplify "Event Types"

[divyamtayal]

Fixes #5014

Short description of what this resolves:

Moved up Event Types

Changes proposed in this pull request:

• Moved up event types.
• Removed Label
• Working in mobile view as well

ScreenShots

(Mobile View)

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/eventyay/open-event-frontend/863dqlcre
✅ Preview: https://open-event-frontend-git-move-event-types-5014.eventyay.vercel.app

[divyamtayal]

@iamareebjamal Please see the changes I have made.

[codecov]

Codecov Report

Merging #5651 (97431a3) into development (0c0c8cf) will decrease coverage by 0.05%.
The diff coverage is n/a.

@@               Coverage Diff               @@
##           development    #5651      +/-   ##
===============================================
- Coverage        23.79%   23.73%   -0.06%     
===============================================
  Files              498      498              
  Lines             5275     5275              
  Branches            47       47              
===============================================
- Hits              1255     1252       -3     
- Misses            4012     4015       +3     
  Partials             8        8              

Impacted Files	Coverage Δ
app/components/tabbed-navigation.js	33.33% <0.00%> (-20.00%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6337818...c202f47. Read the comment docs.

[iamareebjamal]

Please don't take up issues labeled 'project', they're for the freelancer

[divyamtayal]

@iamareebjamal next time I will take care of that, I was not knowing. but for nowI have already worked on it, can u review and if ok merge it.

[mariobehling]

Thanks!

Please also do the following in this PR:

• Adjust the box design to match the other boxes in the areas (Compare to the Timezone box)
  • Make the box height the same as the other one-line boxes
  • Make the spacing of the text the same as in the other boxes (in particular the spacing on the left side)

[mariobehling]

Please also make the box line the same as the other boxes. Basically you could just reuse the design of the timezone box entirely. Thanks.

[iamareebjamal]

@mariobehling That's a different component from semantic UI component because semantic UI component does not work with items with & in them. We'll have issues like #4546 if we revert to semantic UI dropdown

[divyamtayal]

@mariobehling That's a different component from semantic UI component because semantic UI component does not work with items with & in them. We'll have issues like #4546 if we revert to semantic UI dropdown

@iamareebjamal should i make any changes now bcz this is entirely different component than UiDropdown. So pls let me know?

[divyamtayal]

@iamareebjamal @mariobehling Please see the changes made.

[iamareebjamal]

Before:

After:

Options selector is much more squished now than before. And considering the height has been raised, looks much worse

[divyamtayal]

@iamareebjamal PLease see the changes

[iamareebjamal]

When you are editing it anyway, why not make it the same size as the dropdown height? And change the color to grey like timezone dropdown. It still doesn't feel right that the field itself is twice as high as the options

[iamareebjamal]

$ember-power-select-highlighted-background for color and you already know how to change height

[divyamtayal]

@iamareebjamal Please see the changes

[iamareebjamal]

Perfect, thanks