Ticket #22455: 22455.5.css.diff

File 22455.5.css.diff, 2.9 KB (added by helenyhou, 6 months ago)
Line 
1Index: wp-admin/css/wp-admin-rtl.css
2===================================================================
3--- wp-admin/css/wp-admin-rtl.css       (revision 22895)
4+++ wp-admin/css/wp-admin-rtl.css       (working copy)
5@@ -1515,12 +1515,12 @@
6 
7 .about-wrap .feature-section.images-stagger-right img {
8        float: left;
9-       margin: 0 12px 12px 5px;
10+       margin: 0 2em 12px 5px;
11 }
12 
13 .about-wrap .feature-section.images-stagger-left img {
14        float: right;
15-       margin: 0 5px 12px 12px;
16+       margin: 0 5px 12px 2em;
17 }
18 
19 .about-wrap li.wp-person,
20@@ -1530,6 +1530,20 @@
21        margin-left: 10px;
22 }
23 
24+@media only screen and (max-width: 768px) {
25+       .about-wrap .feature-section img.image-66 {
26+               float: none;
27+       }
28+
29+       .about-wrap .feature-section.images-stagger-right img.image-66 {
30+               margin-right: 3px;
31+       }
32+
33+       .about-wrap .feature-section.images-stagger-left img.image-66 {
34+               margin-left: 3px;
35+       }
36+}
37+
38 /*------------------------------------------------------------------------------
39   23.0 - Misc
40 ------------------------------------------------------------------------------*/
41Index: wp-admin/css/wp-admin.css
42===================================================================
43--- wp-admin/css/wp-admin.css   (revision 22895)
44+++ wp-admin/css/wp-admin.css   (working copy)
45@@ -5206,15 +5206,6 @@
46        padding-top: 20px;
47 }
48 
49-.about-wrap .changelog {
50-       overflow: hidden;
51-}
52-
53-.about-wrap .changelog li {
54-       list-style-type: disc;
55-       margin-left: 3em;
56-}
57-
58 .about-wrap .feature-section {
59        padding-bottom: 20px;
60 }
61@@ -5303,28 +5294,20 @@
62 
63 .about-wrap .feature-section.images-stagger-right img {
64        float: right;
65-       margin: 0 5px 12px 12px;
66+       margin: 0 5px 12px 2em;
67 }
68 
69 .about-wrap .feature-section.images-stagger-left img {
70        float: left;
71-       margin: 0 12px 12px 5px;
72+       margin: 0 2em 12px 5px;
73 }
74 
75-@media only screen and (max-width: 900px) {
76-       .about-wrap .feature-section.images-stagger-left img,
77-       .about-wrap .feature-section.images-stagger-right img {
78-               clear: both;
79-       }
80-}
81-
82 .about-wrap .feature-section img.image-100 {
83        margin: 0 0 2em 0;
84        width: 100%;
85 }
86 
87 .about-wrap .feature-section img.image-66 {
88-       margin: 0 0 0 1em;
89        width: 65%;
90 }
91 
92@@ -5379,6 +5362,39 @@
93        float: left;
94 }
95 
96+.about-wrap .changelog .feature-section {
97+       overflow: hidden;
98+       padding-bottom: 0;
99+}
100+
101+.about-wrap .changelog li {
102+       list-style-type: disc;
103+       margin-left: 3em;
104+}
105+
106+@media only screen and (max-width: 900px) {
107+       .about-wrap .feature-section.images-stagger-left img,
108+       .about-wrap .feature-section.images-stagger-right img {
109+               clear: both;
110+       }
111+}
112+
113+@media only screen and (max-width: 768px) {
114+       .about-wrap .feature-section img.image-66 {
115+               float: none;
116+               width: 98%;
117+               max-width: 98%;
118+       }
119+
120+       .about-wrap .feature-section.images-stagger-right img.image-66 {
121+               margin-left: 3px;
122+       }
123+
124+       .about-wrap .feature-section.images-stagger-left img.image-66 {
125+               margin-right: 3px;
126+       }
127+}
128+
129 /* Return to Dashboard Home link */
130 
131 .about-wrap .return-to-dashboard {