1 | diff --git src/wp-admin/css/dashboard.css src/wp-admin/css/dashboard.css |
---|
2 | index 9e818420db..1a4baa8bde 100644 |
---|
3 | --- src/wp-admin/css/dashboard.css |
---|
4 | +++ src/wp-admin/css/dashboard.css |
---|
5 | @@ -226,18 +226,54 @@ |
---|
6 | } |
---|
7 | |
---|
8 | .try-gutenberg-panel .try-gutenberg-panel-column-container { |
---|
9 | - display: -ms-grid; |
---|
10 | - display: grid; |
---|
11 | - -ms-grid-columns: 36% 32% 32%; |
---|
12 | - grid-template-columns: 36% 32% 32%; |
---|
13 | + display: flex; |
---|
14 | margin-bottom: 13px; |
---|
15 | } |
---|
16 | |
---|
17 | +@supports (display: grid) { |
---|
18 | + .try-gutenberg-panel .try-gutenberg-panel-column-container { |
---|
19 | + display: -ms-grid; |
---|
20 | + display: grid; |
---|
21 | + -ms-grid-columns: 36% 32% 32%; |
---|
22 | + grid-template-columns: 36% 32% 32%; |
---|
23 | + } |
---|
24 | +} |
---|
25 | + |
---|
26 | +.try-gutenberg-panel .try-gutenberg-panel-image-column { |
---|
27 | + width: 36%; |
---|
28 | +} |
---|
29 | + |
---|
30 | +@supports (display: grid) { |
---|
31 | + .try-gutenberg-panel .try-gutenberg-panel-image-column { |
---|
32 | + width: auto; |
---|
33 | + } |
---|
34 | +} |
---|
35 | + |
---|
36 | .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
---|
37 | - display: -ms-grid; |
---|
38 | - display: grid; |
---|
39 | - -ms-grid-rows: auto 100px; |
---|
40 | - grid-template-rows: auto 100px; |
---|
41 | + display: flex; |
---|
42 | + flex-direction: column; |
---|
43 | + justify-content: space-between; |
---|
44 | + width: 32%; |
---|
45 | +} |
---|
46 | + |
---|
47 | +@supports (display: grid) { |
---|
48 | + .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
---|
49 | + display: -ms-grid; |
---|
50 | + display: grid; |
---|
51 | + -ms-grid-rows: auto 100px; |
---|
52 | + grid-template-rows: auto 100px; |
---|
53 | + width: auto; |
---|
54 | + } |
---|
55 | +} |
---|
56 | + |
---|
57 | +.try-gutenberg-panel .try-gutenberg-action { |
---|
58 | + height: 100px; |
---|
59 | +} |
---|
60 | + |
---|
61 | +@supports (display: grid) { |
---|
62 | + .try-gutenberg-panel .try-gutenberg-action { |
---|
63 | + height: auto; |
---|
64 | + } |
---|
65 | } |
---|
66 | |
---|
67 | .welcome-panel-column p.hide-if-no-customize { |
---|
68 | @@ -255,7 +291,7 @@ |
---|
69 | } |
---|
70 | |
---|
71 | .welcome-panel .welcome-panel-column ul { |
---|
72 | - margin: 0.8em 1em 1em 0; |
---|
73 | + margin: 0.8em 1em 1em 0; |
---|
74 | } |
---|
75 | |
---|
76 | .welcome-panel .welcome-panel-column li { |
---|
77 | @@ -1269,6 +1305,16 @@ a.rsswidget { |
---|
78 | .try-gutenberg-panel .try-gutenberg-panel-image-column { |
---|
79 | display: none; |
---|
80 | } |
---|
81 | + |
---|
82 | + .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
---|
83 | + width: 50%; |
---|
84 | + } |
---|
85 | + |
---|
86 | + @supports (display: grid) { |
---|
87 | + .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
---|
88 | + width: auto; |
---|
89 | + } |
---|
90 | + } |
---|
91 | } |
---|
92 | |
---|
93 | @media screen and (max-width: 870px) { |
---|
94 | @@ -1280,8 +1326,18 @@ a.rsswidget { |
---|
95 | } |
---|
96 | |
---|
97 | .try-gutenberg-panel .try-gutenberg-panel-column-container { |
---|
98 | - -ms-grid-columns: 100%; |
---|
99 | - grid-template-columns: 100%; |
---|
100 | + flex-wrap: wrap; |
---|
101 | + } |
---|
102 | + |
---|
103 | + @supports (display: grid) { |
---|
104 | + .try-gutenberg-panel .try-gutenberg-panel-column-container { |
---|
105 | + -ms-grid-columns: 100%; |
---|
106 | + grid-template-columns: 100%; |
---|
107 | + } |
---|
108 | + } |
---|
109 | + |
---|
110 | + .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
---|
111 | + width: 100%; |
---|
112 | } |
---|
113 | |
---|
114 | .welcome-panel .welcome-panel-column li { |
---|