Skip to content

feat(UI): consolidate button design (#3063)#3109

Closed
PiTrem wants to merge 3 commits intomainfrom
port-button-design
Closed

feat(UI): consolidate button design (#3063)#3109
PiTrem wants to merge 3 commits intomainfrom
port-button-design

Conversation

@PiTrem
Copy link
Copy Markdown
Member

@PiTrem PiTrem commented Apr 10, 2026

port of #3063

* align design of default and semantic button variants

* Default alignment for ButtonToolbars

* Enforce square icons in Buttons, enforce square proportions for icon-only buttons

* Add title values and aria-labels to SelectionActions

* Introduce ElementIcon to retrieve standard icons for different element types

* Create a clone of DetailCard to incrementally roll out a new version

* Introduce new DetailCard migrate ReportDetails and LiteratureDetails

* Migrate SampleDetails to new DetailCard

* Simplify copy functionality for DetailCard

* Style consolidation

* Add dedicated title tooltip functionality

* Split up DetailCard and ElementDetailCard to use specific functionality only where it applies.

* Standardise Calendar and Barcode Button behaviour in ElementDetailCard

* Migrate WellplateDetails to ElementDetailCard integrate more standard function into ElementDetailCard

* Migrate ScreenDetails to ElementDetailCard

* Migrate ResearchPlanDetails to ElementDetailCard

* Migrate CellLineDetails to ElementDetailCard

* Migrate DeviceDescriptionDetails to ElementDetailCard

* Migrate SequenceBasedMacromoleculeSampleDetails to ElementDetailCard

* Fix file formatting for SequenceBasedMacromoleculeSampleDetails

* Migrate GenericElDetails to ElementDetailCard

* Migrate GraphContainer to new DetailCard

* Migrate ComputeTaskContainer to new DetailCard

* Rename FormatComponent to FormatDetails, fixed linting issues

* Migrate FormatDetails to new DetailCard

* Inline MetadataHeader into MetadatContainer

* Migrate MetadataContainer to new DetailCard

* Removed DetailCard from VesselProperties – DetailCards should not be nested

* Migrate VesselCards to new DetailCard

* use button states in unit InputGroups consistently

* Style ElementCollectionLabels

* Style HeaderCommentSection

* center reaction graphic in ReactionGroupHeader

* Remove "Ontology" from form Label "Type (Name Reaction Ontology)"

* Change button label for SelectionGenerateButton

* Make SupportMenuButton readable on login and admin pages

* fix: report, reference details close button param to Detailcard

* fix: check selecteds + keys combo before creating report, literature_map tabs

* Change breakpoint for SelectionActions to accommodate current content

* Redesign and reposition CreateElementButton

* Make PrintCodeButton smaller in analyses tabs

* Align popover headers with current design

* Restore file location of the uniprot logo as intended in cb7f115

* fix expectedHtml in unit test

* Reconstruct incomplete VesselDetails functionality. Try to fix unit test.

* remove link around chemotion logo

* Keep CreateElementButton in viewport for narrow elements columns
@github-actions
Copy link
Copy Markdown

LCOV of commit 0352c74 during CI - Ruby Lint, RSpec, and code coverage #1201

Summary coverage rate:
  lines......: 65.7% (18344 of 27935 lines)
  functions..: no data found
  branches...: no data found

Files changed coverage rate: n/a

Commit 54e62b3 set line-height:0 on .dropdown containers to size
toggle buttons, but dropdown-item elements inherited it, causing
menu items to overlap. Restrict the rule to .dropdown > .btn.


ref: #3063
@github-actions
Copy link
Copy Markdown

LCOV of commit 92376d1 during CI - Ruby Lint, RSpec, and code coverage #1202

Summary coverage rate:
  lines......: 65.7% (18344 of 27935 lines)
  functions..: no data found
  branches...: no data found

Files changed coverage rate: n/a

ElementDetailCard ignored the onSaveClose callback passed by element
details (SampleDetails, ReactionDetails), causing the save-and-close
button to save without closing the panel.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

LCOV of commit 6d65445 during CI - Ruby Lint, RSpec, and code coverage #1205

Summary coverage rate:
  lines......: 65.7% (18344 of 27935 lines)
  functions..: no data found
  branches...: no data found

Files changed coverage rate: n/a

@PiTrem PiTrem closed this Apr 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants