FlowFuse / FlowFuse/node-red-dashboard

Button Group does not fill container

Open
#1,489 0 comments 0 reactions 0 assignees View on GitHub
needs-triage type:bug
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Current Behavior

The button group does not fill its container when using more than 1 row as size.
![image](https://github.com/user-attachments/assets/7c912900-4153-4662-bbf5-cc4120988192)

### Expected Behavior

The group should expand to the container boundaries
![image](https://github.com/user-attachments/assets/359bb043-f9ed-4f87-ae02-3ae4adb45102)

### Steps To Reproduce

The ".v-btn-group--density-default.v-btn-group" sets its height to the theme height but it should set height and width to 100%
To fill the container which is defined by the theming and configured size.
![image](https://github.com/user-attachments/assets/b820b9b2-7dee-4a85-ac3b-142c16e35bec)

### Environment

- Dashboard version: 1.19.1
- Node-RED version:
- Node.js version:
- npm version:
- Platform/OS: Windows
- Browser: Chromium

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.