Skip to content

ui: add overflow:hidden to hover buttons to prevent clipping#14302

Merged
meven merged 1 commit intomainfrom
meven/buttons-overflow
Feb 9, 2026
Merged

ui: add overflow:hidden to hover buttons to prevent clipping#14302
meven merged 1 commit intomainfrom
meven/buttons-overflow

Conversation

@meven
Copy link
Contributor

@meven meven commented Feb 2, 2026

This prevents child elements color to spill out of its parent's border.

Change-Id: Idce0c85be2f4e6e1213b623e946f67196e5be576

  • Resolves: #
  • Target version: main

Summary

Before:
image

After:
image

Checklist

  • I have run make prettier-write and formatted the code.
  • All commits have Change-Id
  • I have run tests with make check
  • I have issued make run and manually verified that everything looks okay
  • Documentation (manuals or wiki) has been updated or is not required

@meven
Copy link
Contributor Author

meven commented Feb 2, 2026

https://stackoverflow.com/questions/6312067/border-radius-background-color-cropped-border has other solutions if this one is not satisfactory.

@meven meven added bug Something isn't working enhancement New feature or request design CSS labels Feb 2, 2026
@meven
Copy link
Contributor Author

meven commented Feb 2, 2026

Or:

border-start-start-radius: var(--border-radius);
border-end-start-radius: var(--border-radius);

@meven
Copy link
Contributor Author

meven commented Feb 2, 2026

The arrowbutton needs the same fix.

@github-project-automation github-project-automation bot moved this from To Review to To Test in Collabora Online Feb 5, 2026
This prevents child elements color to spill out of its parent's border.

Signed-off-by: Méven Car <meven.car@collabora.com>
Change-Id: Idce0c85be2f4e6e1213b623e946f67196e5be576
@meven meven merged commit d000c6f into main Feb 9, 2026
15 checks passed
@meven meven deleted the meven/buttons-overflow branch February 9, 2026 08:36
@github-project-automation github-project-automation bot moved this from To Test to Done in Collabora Online Feb 9, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working CSS design enhancement New feature or request

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants