Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Jul 9, 2025. It is now read-only.

Conversation

@androsssos
Copy link
Contributor

Types of Changes

Prerequisites

Please make sure you can check the following two boxes:

  • I have read the CONTRIBUTING document
  • My code follows the code style of this project

Contribution Type

What types of changes does your code introduce? Put an x in all the boxes that apply:

  • Bug fix (non-breaking change which fixes an issue, please reference the issue id)
  • New feature (non-breaking change which adds functionality, make sure to open an associated issue first)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • My change requires a change to the documentation
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • All new and existing tests passed

Description

Dropdown Elements had a height of 50%. Which will lead to a cut view of elements.
Reason is because drowdown has a top:-53px.
This fix changed it to 40% to be on the save side and to make sure that the drowdown is not out of the screen on the top

@CLAassistant
Copy link

CLAassistant commented Feb 7, 2022

CLA assistant check
All committers have signed the CLA.

Copy link
Contributor

@klaidigorishti klaidigorishti left a comment

Choose a reason for hiding this comment

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

LGTM - thanks!

Copy link
Collaborator

@FlorianRappl FlorianRappl left a comment

Choose a reason for hiding this comment

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

LGTM even though something like calc(45vh - 53px) would potentially even be better.

@FlorianRappl
Copy link
Collaborator

(Reason: 10% of VH = unknown, so if the height is smaller than 530px then 40vh will still cut off things; 45vh - 53px takes 45vh as baseline and then subtracts something. So even in the case of a very high screen resolution you'd have some 5% padding + on smaller screens you additionally remove the 53px; making it always fit nicely).

@androsssos
Copy link
Contributor Author

androsssos commented Feb 7, 2022 via email

@klaidigorishti klaidigorishti merged commit 8ee4c43 into ZEISS:main Feb 7, 2022
@FlorianRappl
Copy link
Collaborator

I know that was what we discussed to use "calc(50vh - 53px)"

Yeah that was one proposal @androsssos. However, as mentioned a better solution would be a combination - such as 40vh - 53px. In the fixed case (e.g., 40vh) as argued it will fail (just make the height smaller than 530px and you'll see it immediately; if your testing already failed with 50vh - 53px then you'd see it even earlier in the same cases).

I am not sure what the sweet spot is - because I think a combination of min-height and max-height would also be good.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants