Stable: Remove webkit-specific display flex from CSS [#3338478]

All the modern browsers support display: flex and other related properties. We don't need -webkit-flex anymore.

.entity-moderation-form {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  -webkit-align-items: flex-start; /* Safari */
  align-items: flex-start;
  list-style: none;
}

Proposed resolution:

Remove these properties:

.entity-moderation-form {
  - display: -webkit-flex; /* Safari */
  display: flex;
  - -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  - -webkit-align-items: flex-start; /* Safari */
  align-items: flex-start;
  list-style: none;
}

Comment	File	Size	Author
#3	interdiff-2_3.txt	516 bytes	gauravvvv
#3	3338478-3.patch	840 bytes	gauravvvv
#2	3338478-2.patch	679 bytes	gauravvvv

Comments

Comment #1

2 February 2023 at 05:51

Gauravvv created an issue. See original summary.

Comment #2

gauravvvv commented 2 February 2023 at 05:52

Status:

Active

» Needs review

Status	File	Size
new	3338478-2.patch	679 bytes

I have removed the -webkit properties, Attached patch for same. please review

Comment #3

gauravvvv commented 2 February 2023 at 10:37

Status	File	Size
new	3338478-3.patch	840 bytes
new	interdiff-2_3.txt	516 bytes

Removed form one more place, added interdiff.

.entity-moderation-form__item:last-child {
  -webkit-align-self: flex-end; /* Safari */
  align-self: flex-end;
  margin-right: 0;
}

Comment #4

quietone commented 3 February 2023 at 00:19

Component:

Stable theme

» Stable 9 theme

Moving remaining issues for 'Stable theme' to 'Stable 9 theme' based on #3332485-5: [Meta] Stable issue triage by markconroy.

Comment #5

smustgrave commented 11 February 2023 at 14:44

Status:	Needs review	» Reviewed & tested by the community
Issue tags:		+Needs Review Queue Initiative

Searching the theme css folder for "/* Safari */", "-webkit-flex-wrap", and "display: -webkit-flex;" using phpstorm all the instances have been addressed.