WebDev/mind-overflow-website-ghost-theme
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Fix mobile title and code block

Browse Source 
- On posts, the line-height was too high and mobile devices were overflowing the title on top. Now it's smaller, so a longer title should not be a problem.
- The horizontal navbar on code blocks was always present. Now, it only shows when necessary.
This commit is contained in:
Bea 2020-11-09 12:13:02 +01:00
parent e2f0f4bc81
commit a962887133
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/screen.css
View File

@ -667,6 +667,7 @@ instead of pages ".mind-page*".
.mind-post-header h1 { .mind-post-header h1 {
margin: 0 20px; margin: 0 20px;
line-height: 70px;
} }
/* 5.2. Content /* 5.2. Content
@ -719,7 +720,7 @@ img.mind-post_feature-image {
.mind-post_content pre { .mind-post_content pre {
background-color: rgb(20, 20, 20); background-color: rgb(20, 20, 20);
overflow-x: scroll; overflow-x: auto;
border: 1px solid black; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
@ -1224,6 +1225,11 @@ div.mind-policy-popup {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.mind-post-header h1 {
margin: 0 20px;
line-height: 60px;
}
.mind-post_main { .mind-post_main {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -1285,6 +1291,10 @@ div.mind-policy-popup {
font-size: 11px; font-size: 11px;
} }
.mind-post-header h1 {
line-height: 40px;
}
.mind-post-card-big_header h3 { .mind-post-card-big_header h3 {
font-size: 23px; font-size: 23px;
} }
@ -1292,7 +1302,6 @@ div.mind-policy-popup {
font-size: 11px; font-size: 11px;
} }
.mind-post-card-big_main { .mind-post-card-big_main {
font-size: 15px; font-size: 15px;
} }
@ -1380,10 +1389,6 @@ div.mind-policy-popup {
font-size: 19px; font-size: 19px;
} }
.mind-post-card-big_meta {
font-size: 10px;
}
.mind-post_central-column { .mind-post_central-column {
font-size: 14px; font-size: 14px;
} }
@ -1392,6 +1397,9 @@ div.mind-policy-popup {
font-size: 11px; font-size: 11px;
} }
.mind-post-card-big_meta {
font-size: 10px;
}
.mind-site-footer_main { .mind-site-footer_main {
font-size: 16px; font-size: 16px;