Skip to content

Fix allignment on layout on right panel#8060

Merged
DaanHoogland merged 7 commits intoapache:mainfrom
shapeblue:FixAllignment
Oct 30, 2023
Merged

Fix allignment on layout on right panel#8060
DaanHoogland merged 7 commits intoapache:mainfrom
shapeblue:FixAllignment

Conversation

@harikrishna-patnala
Copy link
Member

@harikrishna-patnala harikrishna-patnala commented Oct 9, 2023

Description

This is a followup for the PR #7434, here we are making some more improvements

from
image

to
image

Along the with search box allignment, fixed the font sizes and check box sizes

Types of changes

  • Breaking change (fix or feature that would cause existing functionality to change)
  • New feature (non-breaking change which adds functionality)
  • Bug fix (non-breaking change which fixes an issue)
  • Enhancement (improves an existing feature and functionality)
  • Cleanup (Code refactoring and cleanup, that may add test cases)
  • build/CI

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

  • Major
  • Minor

Bug Severity

  • BLOCKER
  • Critical
  • Major
  • Minor
  • Trivial

@codecov
Copy link

codecov bot commented Oct 9, 2023

Codecov Report

Merging #8060 (00d1d57) into main (ea90848) will increase coverage by 24.37%.
Report is 5 commits behind head on main.
The diff coverage is n/a.

@@             Coverage Diff              @@
##              main    #8060       +/-   ##
============================================
+ Coverage     4.78%   29.15%   +24.37%     
- Complexity       0    30845    +30845     
============================================
  Files          346     5150     +4804     
  Lines        26150   363420   +337270     
  Branches      4497    53230    +48733     
============================================
+ Hits          1252   105972   +104720     
- Misses       24763   242905   +218142     
- Partials       135    14543    +14408     
Flag Coverage Δ
simulator-marvin-tests 25.17% <ø> (?)
uitests 4.55% <ø> (-0.24%) ⬇️
unit-tests 14.69% <ø> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Coverage Δ
ui/src/components/view/SearchView.vue 7.14% <ø> (ø)
ui/src/views/AutogenView.vue 57.30% <ø> (-0.07%) ⬇️

... and 4813 files with indirect coverage changes

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@harikrishna-patnala harikrishna-patnala force-pushed the FixAllignment branch 2 times, most recently from e40c0e1 to 44bf80f Compare October 10, 2023 05:02
@harikrishna-patnala harikrishna-patnala marked this pull request as draft October 10, 2023 06:28
@shwstppr shwstppr added this to the 4.19.0.0 milestone Oct 10, 2023
@harikrishna-patnala harikrishna-patnala marked this pull request as ready for review October 16, 2023 10:25
@harikrishna-patnala
Copy link
Member Author

@blueorangutan ui

@blueorangutan
Copy link

@harikrishna-patnala a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

@blueorangutan
Copy link

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/8060 (QA-JID-203)

Copy link
Contributor

@borisstoyanov borisstoyanov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM
Screenshot 2023-10-16 at 14 25 04

@yadvr
Copy link
Member

yadvr commented Oct 19, 2023

LGTM but I think the button makes it awkward - should button be similarly aligned by height?
Screenshot 2023-10-19 at 4 57 36 PM

@yadvr yadvr requested a review from shwstppr October 19, 2023 11:28
Copy link
Contributor

@DaanHoogland DaanHoogland left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good generally, one question

:value="filterValue"
style="min-width: 120px; margin-left: 10px; margin-top: -4px"
style="min-width: 100px; margin-left: 10px; margin-top: -4px"
size=small
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've seen console errors on "large" and "small" in the past. Where are thos defined, and are we sure this is not an issue here?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I dont see any errors now @DaanHoogland, probably due to ant3 upgrade.

@andrijapanicsb
Copy link
Contributor

LGTM but I think the button makes it awkward - should button be similarly aligned by height? Screenshot 2023-10-19 at 4 57 36 PM

That is the whole point, both Project/Metrics are shorter (not the same height) than the "Refresh" button and "Active" dropdown), while the main BLUE buttons (Add instance, Add network, Add VPC, etc) - are higher than the rest - which we might want to make same heigh as the white buttons?

@harikrishna-patnala
Copy link
Member Author

LGTM but I think the button makes it awkward - should button be similarly aligned by height? Screenshot 2023-10-19 at 4 57 36 PM

That is the whole point, both Project/Metrics are shorter (not the same height) than the "Refresh" button and "Active" dropdown), while the main BLUE buttons (Add instance, Add network, Add VPC, etc) - are higher than the rest - which we might want to make same heigh as the white buttons?

I've moved the "Filter" button next to refresh button to group the hallow components and grey radio buttons together. It looks like this

image

@harikrishna-patnala
Copy link
Member Author

@blueorangutan ui

@blueorangutan
Copy link

@harikrishna-patnala a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

@blueorangutan
Copy link

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/8060 (QA-JID-211)

@harikrishna-patnala
Copy link
Member Author

@blueorangutan ui

@blueorangutan
Copy link

@harikrishna-patnala a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

@blueorangutan
Copy link

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/8060 (QA-JID-212)

Copy link
Contributor

@andrijapanicsb andrijapanicsb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, after visual inspection

@DaanHoogland DaanHoogland merged commit 67eddd7 into apache:main Oct 30, 2023
@DaanHoogland DaanHoogland deleted the FixAllignment branch October 30, 2023 11:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants