Make WordPress Core

Ticket #44742: 44742.dif

File 44742.dif, 2.6 KB (added by ryansommers, 7 years ago)
Line 
1diff --git src/wp-admin/css/dashboard.css src/wp-admin/css/dashboard.css
2index 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 {