The adw.squeezer.Squeezer widget is a container which only shows the first of its
children that fits in the available size. It is convenient to offer different
widgets to represent the same data with different levels of detail, making
the widget seem to squeeze itself to fit in the available space.
Transitions between children can be animated as fades. This can be controlled
with property@Squeezer:transition-type.
A best fit container.
<picture> <source srcset="squeezer-wide-dark.png" media="(prefers-color-scheme: dark)"> <img src="squeezer-wide.png" alt="squeezer-wide"> </picture> <picture> <source srcset="squeezer-narrow-dark.png" media="(prefers-color-scheme: dark)"> <img src="squeezer-narrow.png" alt="squeezer-narrow"> </picture>
The adw.squeezer.Squeezer widget is a container which only shows the first of its children that fits in the available size. It is convenient to offer different widgets to represent the same data with different levels of detail, making the widget seem to squeeze itself to fit in the available space.
Transitions between children can be animated as fades. This can be controlled with property@Squeezer:transition-type.
CSS nodes
adw.squeezer.Squeezer has a single CSS node with name squeezer.