Skip to content

Commit 4ca533a

Browse files
ajaydsouzaajaydsouza
committed
Add Playwright MCP to gitignore and update admin banner styles
1 parent 8f9d9d1 commit 4ca533a

5 files changed

Lines changed: 108 additions & 105 deletions

File tree

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,3 +18,6 @@ assets/prism-*.css
1818
.commandcode/
1919

2020
.devin/
21+
22+
# Testing
23+
/.playwright-mcp

‎includes/admin/css/admin-banner-rtl.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* Admin banner base styles
22
----------------------------------*/
33
.wz-admin-banner {
4-
margin: -20px -20px 0 -20px;
4+
margin: 0 -20px 0 -20px;
55
padding: 26px 36px;
66
background: linear-gradient(-180deg, #041f4e 0%, #031337 55%, #010713 100%);
77
color: #f6f8ff;
@@ -133,7 +133,7 @@
133133
flex-direction: column;
134134
align-items: flex-start;
135135
gap: 18px;
136-
margin: -16px -16px 12px -16px;
136+
margin: 0 -16px 12px -16px;
137137
padding: 20px 20px;
138138
}
139139

‎includes/admin/css/admin-banner-rtl.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎includes/admin/css/admin-banner.css‎

Lines changed: 101 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -1,165 +1,165 @@
11
/* Admin banner base styles
22
----------------------------------*/
33
.wz-admin-banner {
4-
margin: -20px -20px 0 -20px;
5-
padding: 26px 36px;
6-
background: linear-gradient(180deg, #041f4e 0%, #031337 55%, #010713 100%);
7-
color: #f6f8ff;
8-
display: flex;
9-
align-items: center;
10-
gap: 28px;
11-
box-sizing: border-box;
4+
margin: 0 -20px 0 -20px;
5+
padding: 26px 36px;
6+
background: linear-gradient(180deg, #041f4e 0%, #031337 55%, #010713 100%);
7+
color: #f6f8ff;
8+
display: flex;
9+
align-items: center;
10+
gap: 28px;
11+
box-sizing: border-box;
1212
}
1313

1414
.wz-admin-banner__intro {
15-
flex: 1 1 auto;
16-
min-width: 220px;
17-
color: #f6f8ff;
15+
flex: 1 1 auto;
16+
min-width: 220px;
17+
color: #f6f8ff;
1818
}
1919

2020
.wz-admin-banner__eyebrow {
21-
display: inline-block;
22-
padding: 2px 10px;
23-
border-radius: 999px;
24-
background-color: rgba(127, 195, 255, 0.2);
25-
color: #7fc3ff;
26-
font-size: 0.9rem;
27-
text-transform: uppercase;
28-
letter-spacing: 0.06em;
29-
font-weight: 600;
21+
display: inline-block;
22+
padding: 2px 10px;
23+
border-radius: 999px;
24+
background-color: rgba(127, 195, 255, 0.2);
25+
color: #7fc3ff;
26+
font-size: 0.9rem;
27+
text-transform: uppercase;
28+
letter-spacing: 0.06em;
29+
font-weight: 600;
3030
}
3131

3232
.wz-admin-banner__title {
33-
margin: 10px 0 6px;
34-
font-size: 1rem;
35-
font-weight: 700;
36-
line-height: 1.24;
37-
color: #ffffff;
33+
margin: 10px 0 6px;
34+
font-size: 1rem;
35+
font-weight: 700;
36+
line-height: 1.24;
37+
color: #ffffff;
3838
}
3939

4040
.wz-admin-banner__text {
41-
margin: 0;
42-
font-size: 0.9rem;
43-
line-height: 1.6;
44-
color: #dfe6ff;
45-
max-width: 540px;
41+
margin: 0;
42+
font-size: 0.9rem;
43+
line-height: 1.6;
44+
color: #dfe6ff;
45+
max-width: 540px;
4646
}
4747

4848
.wz-admin-banner__links {
49-
display: flex;
50-
flex-wrap: wrap;
51-
gap: 10px;
52-
align-items: center;
49+
display: flex;
50+
flex-wrap: wrap;
51+
gap: 10px;
52+
align-items: center;
5353
}
5454

5555
.wz-admin-banner__link {
56-
display: inline-flex;
57-
align-items: center;
58-
gap: 8px;
59-
padding: 9px 16px;
60-
border-radius: 999px;
61-
font-size: 0.9rem;
62-
font-weight: 600;
63-
text-decoration: none;
64-
color: inherit;
65-
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline 0.2s ease;
66-
outline: none;
56+
display: inline-flex;
57+
align-items: center;
58+
gap: 8px;
59+
padding: 9px 16px;
60+
border-radius: 999px;
61+
font-size: 0.9rem;
62+
font-weight: 600;
63+
text-decoration: none;
64+
color: inherit;
65+
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline 0.2s ease;
66+
outline: none;
6767
}
6868

6969
.wz-admin-banner__link:focus,
7070
.wz-admin-banner__link:focus-visible,
7171
.wz-admin-banner__link:active {
72-
outline: 2px solid rgba(255, 255, 255, 0.7);
73-
outline-offset: 2px;
72+
outline: 2px solid rgba(255, 255, 255, 0.7);
73+
outline-offset: 2px;
7474
}
7575

7676
.wz-admin-banner__link--primary {
77-
background-color: #ffbd59;
78-
color: #0a0a0a;
79-
box-shadow: 0 8px 24px rgba(255, 189, 89, 0.45);
77+
background-color: #ffbd59;
78+
color: #0a0a0a;
79+
box-shadow: 0 8px 24px rgba(255, 189, 89, 0.45);
8080
}
8181

8282
.wz-admin-banner__link--primary:hover,
8383
.wz-admin-banner__link--primary:focus,
8484
.wz-admin-banner__link--primary:focus-visible,
8585
.wz-admin-banner__link--primary:active {
86-
background-color: #f08c00;
87-
transform: translateY(-1px);
88-
outline: 2px solid #ffffff;
89-
outline-offset: 2px;
90-
color: #0a0a0a;
86+
background-color: #f08c00;
87+
transform: translateY(-1px);
88+
outline: 2px solid #ffffff;
89+
outline-offset: 2px;
90+
color: #0a0a0a;
9191
}
9292

9393
.wz-admin-banner__link--secondary {
94-
background-color: rgba(3, 32, 117, 0.18);
95-
color: #f6f8ff;
96-
box-shadow: inset 0 0 0 1px rgba(3, 32, 117, 0.45);
94+
background-color: rgba(3, 32, 117, 0.18);
95+
color: #f6f8ff;
96+
box-shadow: inset 0 0 0 1px rgba(3, 32, 117, 0.45);
9797
}
9898

9999
.wz-admin-banner__link--secondary:hover,
100100
.wz-admin-banner__link--secondary:focus,
101101
.wz-admin-banner__link--secondary:focus-visible,
102102
.wz-admin-banner__link--secondary:active {
103-
background-color: #0d2f8d;
104-
transform: translateY(-1px);
105-
outline: 2px solid #ffbd59;
106-
outline-offset: 2px;
107-
color: #ffffff;
103+
background-color: #0d2f8d;
104+
transform: translateY(-1px);
105+
outline: 2px solid #ffbd59;
106+
outline-offset: 2px;
107+
color: #ffffff;
108108
}
109109

110110
.wz-admin-banner__link--current {
111-
background-color: #c8302e;
112-
color: #ffffff;
113-
box-shadow: 0 8px 24px rgba(200, 48, 46, 0.4);
111+
background-color: #c8302e;
112+
color: #ffffff;
113+
box-shadow: 0 8px 24px rgba(200, 48, 46, 0.4);
114114
}
115115

116116
.wz-admin-banner__link--current:hover,
117117
.wz-admin-banner__link--current:focus,
118118
.wz-admin-banner__link--current:focus-visible,
119119
.wz-admin-banner__link--current:active {
120-
background-color: #e04841;
121-
color: #ffffff;
122-
outline: 2px solid #ffffff;
123-
outline-offset: 2px;
124-
transform: translateY(-1px);
120+
background-color: #e04841;
121+
color: #ffffff;
122+
outline: 2px solid #ffffff;
123+
outline-offset: 2px;
124+
transform: translateY(-1px);
125125
}
126126

127127
@media screen and (max-width: 782px) {
128-
.wz-admin-banner {
129-
flex-direction: column;
130-
align-items: flex-start;
131-
gap: 18px;
132-
margin: -16px -16px 12px -16px;
133-
padding: 20px 20px;
134-
}
128+
.wz-admin-banner {
129+
flex-direction: column;
130+
align-items: flex-start;
131+
gap: 18px;
132+
margin: 0 -16px 12px -16px;
133+
padding: 20px 20px;
134+
}
135135

136-
.wz-admin-banner__title {
137-
font-size: 1.125rem;
138-
}
136+
.wz-admin-banner__title {
137+
font-size: 1.125rem;
138+
}
139139
}
140140

141141
@media (prefers-reduced-motion: reduce) {
142-
.wz-admin-banner__link {
143-
transition: none;
144-
}
142+
.wz-admin-banner__link {
143+
transition: none;
144+
}
145145
}
146146

147147
@media screen and (max-width: 600px) {
148-
body.wp-admin #wpbody {
149-
padding-top: 0;
150-
}
151-
152-
body.wp-admin .wz-admin-banner {
153-
margin: 0px -16px 0 -16px;
154-
padding: 48px 20px 28px 20px;
155-
}
156-
157-
.wz-admin-banner__link {
158-
font-size: 0.875rem;
159-
}
160-
161-
body.wp-admin .wz-admin-banner__title,
162-
body.wp-admin .wz-admin-banner__text {
163-
display: none;
164-
}
148+
body.wp-admin #wpbody {
149+
padding-top: 0;
150+
}
151+
152+
body.wp-admin .wz-admin-banner {
153+
margin: 0px -16px 0 -16px;
154+
padding: 48px 20px 28px 20px;
155+
}
156+
157+
.wz-admin-banner__link {
158+
font-size: 0.875rem;
159+
}
160+
161+
body.wp-admin .wz-admin-banner__title,
162+
body.wp-admin .wz-admin-banner__text {
163+
display: none;
164+
}
165165
}

‎includes/admin/css/admin-banner.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)