search

oblique-bit / oblique

An Angular front-end framework Tailored for your swiss branded business web application, Oblique provides a standardized corporate design look and feel as well as a collection of ready-to-use Angular components. Oblique, through its fully customizable master layout, takes care of the application's structure, letting you focus on the content.
https://oblique.bit.admin.ch
MIT License
56 stars 13 forks source link

IMPROVE: set buttons from flex to inline-felx (Default Material behavior) #142

Closed WeslleyDeSouza closed 2 weeks ago

WeslleyDeSouza commented 1 month ago

Oblique version

11

Browser & version

No response

Node version

No response

Device and operating system

No response

Is this a regression?

Yes

Screenshots

image

image

Description

Please consider changing the display property of .mat-mdc-button-base.ob-button.mat-mdc-icon-button from display: flex; to display: inline-flex;. This adjustment will align the buttons in a single row.
Or remove the display attribute because its delivered by materials. (Its the default value from materials)

Reproduction

add buttons in one row.

Expected behaviour

default angular materials behavior

Context

No response

Proposed solution

display: flex; to display: inline-flex;
gillerr commented 1 month ago

Hi @WeslleyDeSouza

You are perfectly correct and I'm amazed that this hasn't been spotted earlier. Thanks for the report, we'll fix it .

gillerr commented 1 month ago

Tracked by the ticker OUI-3324 on our internal ticketing system

nina-egger commented 2 weeks ago

Fixed with 12.0.1