Make WordPress Core

Ticket #44742: 44742.dif

File 44742.dif, 2.6 KB (added by ryansommers, 8 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 {