Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Various refinements

Browse source 
- Adjusted fading cover for sticky buttons
- Adjusted bottom margin of invite only popup
- Updated input font-size for mobile to prevent input focus zooming
This commit is contained in:
Peter Zimon 2022-03-29 12:41:21 +02:00
parent 975e970eba
commit a110f1469e
3 changed files with 35 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ghost/portal/src/components/Frame.styles.js
View file

@ -843,7 +843,6 @@ const MobileStyles = `
}
.gh-portal-input {
font-size: 1.4rem;
margin-bottom: 16px;
}
@ -867,6 +866,17 @@ const MobileStyles = `
opacity: 1.0;
}
}
/* Prevent zoom */
@media (hover:none) {
select, textarea, input[type="text"], input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"] {
font-size: 16px !important;
}
}
`;
const MultipleProductsGlobalStyles = `

22
ghost/portal/src/components/common/ProductsSection.js
View file

@ -294,8 +294,21 @@ export const ProductsSectionStyles = ({site}) => {
justify-self: flex-end;
padding: 40px 0 32px;
margin-bottom: -32px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
/*background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
background: transparent;
}
.gh-portal-btn-product::before {
position: absolute;
content: "";
display: block;
top: -16px;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
z-index: 800;
}
.gh-portal-btn-product .gh-portal-btn {
@ -303,6 +316,7 @@ export const ProductsSectionStyles = ({site}) => {
color: #fff;
border: none;
width: 100%;
z-index: 900;
}
.gh-portal-btn-product .gh-portal-btn:hover {
@ -381,6 +395,10 @@ export const ProductsSectionStyles = ({site}) => {
.gh-portal-btn-product {
position: static;
}
.gh-portal-btn-product::before {
display: none;
}
}
@media (max-width: 370px) {

4
ghost/portal/src/components/pages/SignupPage.js
View file

@ -192,6 +192,10 @@ footer.gh-portal-signup-footer.invite-only .gh-portal-signup-message {
padding-bottom: 32px;
}
.gh-portal-invite-only-notification + .gh-portal-signup-message {
margin-bottom: 12px;
}
@media (min-width: 480px) {
}