Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Fixed deletion of social media previews styling

Browse source
This commit is contained in:
Sanne de Vries 2021-02-19 14:06:02 +01:00
parent a7b55775db
commit 69a30ea884
1 changed files with 124 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
ghost/admin/app/styles/layouts/settings.css
View file

@ -515,6 +515,130 @@
}
}
/* General
/* ---------------------------------------------------------- */
.gh-seo-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-seo-settings {
flex-direction: column;
}
.gh-seo-settings .form-group {
max-width: 100%;
}
.gh-seo-settings-left,
.gh-seo-container {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-seo-settings-left {
margin-right: 2.4rem;
}
.gh-seo-container {
max-width: 1091px;
}
}
.gh-seo-container {
display: flex;
width: 100%;
margin-bottom: 2.4rem;
padding: 20px 30px 16px;
border: 1px solid var(--whitegrey);
font-family: Arial, sans-serif;
background: #fff;
}
.gh-seo-container svg {
width: 92px;
height: 30px;
margin-right: 32px;
}
.gh-twitter-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-twitter-settings {
flex-direction: column;
}
.gh-twitter-settings .form-group {
max-width: 100%;
}
.gh-twitter-settings-left {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-twitter-settings-left {
margin-right: 2.4rem;
}
}
.gh-twitter-container {
width: 591px;
margin-bottom: 2.4rem;
border: 1px solid #ebeef0;
background: #fff;
}
@media (max-width: 1080px) {
.gh-twitter-container {
width: 100%;
max-width: 591px;
}
}
.gh-og-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-og-settings {
flex-direction: column;
}
.gh-og-settings .form-group {
max-width: 100%;
}
.gh-og-settings-left {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-og-settings-left {
margin-right: 2rem;
}
}
.gh-og-container {
width: 476px;
margin-bottom: 2.4rem;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 3px;
}
@media (max-width: 1080px) {
.gh-og-container {
width: 100%;
max-width: 476px;
}
}
/* Navigation
/* ---------------------------------------------------------- */