Skip to content

Conversation

@ShGKme
Copy link
Contributor

@ShGKme ShGKme commented Jan 18, 2024

☑️ Resolves

outline shows a border on all the sides, including the top, which looks like a gap.

Using box-shadow allows adding outline only on 3 sides, except the top.

🖼️ Screenshots

🏚️ Before 🏡 After
image image

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable

@ShGKme ShGKme added bug Something isn't working 3. to review Waiting for reviews feature: select Related to the NcSelect* components labels Jan 18, 2024
@ShGKme ShGKme added this to the 8.5.0 milestone Jan 18, 2024
@ShGKme ShGKme self-assigned this Jan 18, 2024
@ShGKme ShGKme force-pushed the fix/nc-select--annoying-gap branch from 2875c01 to ed467df Compare January 18, 2024 21:03
@ShGKme
Copy link
Contributor Author

ShGKme commented Jan 18, 2024

This annoyed me every day 🙈

Copy link
Contributor

@raimund-schluessler raimund-schluessler left a comment

Choose a reason for hiding this comment

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

Nice, I wasn't aware that box-shadow could be used for this 👍

But it needs a minor adjustment to work properly when the select opens to the top, see here:
image

@ShGKme ShGKme force-pushed the fix/nc-select--annoying-gap branch from ed467df to 1819981 Compare January 18, 2024 21:53
@ShGKme
Copy link
Contributor Author

ShGKme commented Jan 18, 2024

@raimund-schluessler thanks!

Copy link
Contributor

@Pytal Pytal left a comment

Choose a reason for hiding this comment

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

🤯 available since Chrome 10!

@Pytal Pytal added 4. to release Ready to be released and/or waiting for tests to finish and removed 3. to review Waiting for reviews labels Jan 18, 2024
@Pytal Pytal merged commit 6e59fab into master Jan 18, 2024
@Pytal Pytal deleted the fix/nc-select--annoying-gap branch January 18, 2024 23:08
@Pytal Pytal mentioned this pull request Jan 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

4. to release Ready to be released and/or waiting for tests to finish bug Something isn't working feature: select Related to the NcSelect* components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[NcSelect] Minor presentation issue

4 participants