Use flexbox for toolbar group items

Most toolbar items don't need this because they're inline-block
buttons and spans etc., but items of type 'element' can be block
elements (for example, the Realtime Preview button) and switching
them to flex items means they don't have to do anything special
to ensure their own layout.

This will make it easier to switch VisualEditor to use the
standard system of adding to the toolbar (in
Ic307f9dc7ad976862c8d8c6551ed29e6071f655f ).

Bug: T308423
Change-Id: Iff6d80628ebb5ec5685136fa02c2345eb5b49d42
This commit is contained in:
Sam Wilson 2024-01-31 06:43:59 +03:00
parent b6199794dc
commit 23e4ebd244

View file

@ -119,6 +119,7 @@
/* Groups */
.group {
float: left;
display: flex;
min-height: 26px;
padding-right: 6px;
border-right: 1px solid #c8ccd1;
@ -358,7 +359,6 @@
.tool-button {
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;