Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style tweaks. Added mobile styles. Using default font-family. Removed letter-spacing. Using flexbox to centre the content in the header.

This commit is contained in:
And Finally 2021-07-30 14:47:19 +01:00
parent d3d8aae4b4
commit 324c8e229a
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/css/admin.scss
View File

@ -25,9 +25,12 @@
.marketplace-header {
background-image: url("../images/marketplace-header-bg@2x.png");
background-position: right;
background-size: cover;
font-family: sans-serif;
padding-left: 84px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px;
min-height: 216px;
&__title {
@ -35,18 +38,15 @@
font-size: 32px;
font-style: normal;
font-weight: 400;
letter-spacing: -0.32px;
line-height: 24px;
line-height: 1.15;
margin-bottom: 8px;
padding: 0;
padding-top: 47px;
}
&__description {
color: #fff;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.32px;
margin-bottom: 24px;
margin-top: 0;
}
@ -54,25 +54,27 @@
&__search-form {
clear: both;
display: block;
max-width: 318px;
position: relative;
input {
border: 1px solid #ddd;
box-shadow: none;
height: 53px;
font-size: 13px;
height: 48px;
padding-left: 16px;
padding-right: 50px;
width: 100%;
margin: 0;
max-width: 318px;
}
button {
background: none;
border: none;
cursor: pointer;
height: 53px;
left: -53px;
position: relative;
height: 48px;
position: absolute;
right: 0;
width: 53px;
}
}
@ -7452,3 +7454,11 @@ table.bar_chart {
color: darkred;
font-weight: bold;
}
@media screen and (min-width: 600px) {
.wc_addons_wrap {
.marketplace-header {
padding-left: 84px;
}
}
}