Add CSS containement rules for shorter reflow operations

This commit is contained in:
Germain Souquet 2021-06-01 11:21:59 +01:00
parent a8b6094482
commit ebd7cd6212
9 changed files with 16 additions and 0 deletions

View file

@ -198,6 +198,7 @@ limitations under the License.
// as the box model should be top aligned. Happens in both FF and Chromium
display: flex;
flex-direction: column;
align-self: stretch;
mask-image: linear-gradient(0deg, transparent, black 4px);
}

View file

@ -19,6 +19,10 @@ limitations under the License.
margin-bottom: 4px;
padding: 4px;
contain: strict;
height: 40px;
box-sizing: border-box;
// The tile is also a flexbox row itself
display: flex;