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

Made navbar responsive & policy popup faster

Browse Source
This commit is contained in:
Lorenzo Dellacà
2020-11-05 21:19:43 +01:00
parent fe27137016
commit ae728ffd9e
2 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/screen.css
View File

@@ -168,6 +168,9 @@ ul {
.nav {
width: 100%;
padding: 0;
overflow: auto;
white-space: nowrap;
}
.mind-global-navbar_primary {
@@ -320,11 +323,11 @@ nav.mind-site-footer_nav {
/* TODO: choose if background should be colorful or black */
.mind-post-header, footer.mind-site-footer_main {
/*background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);*/
background: rgb(10, 10, 10);
/*background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);
background-size: 1000%, 100%;
animation: gradient 7s linear infinite;
animation-direction: alternate-reverse;
animation-direction: alternate-reverse;*/
background: rgb(10, 10, 10);
color: white;
}
@@ -361,6 +364,7 @@ Used to style the index/homepage.
align-items: center;
justify-content: center;
text-align: center;
/*background: black;*/
background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);
background-size: 1000%, 100%;
animation: gradient 7s linear infinite;
@@ -1146,13 +1150,28 @@ div.mind-policy-popup {
@media only screen and (max-width: 650px) {
ul {
padding: 0;
margin: 10px 0 10px auto;
transition: .5s;
}
.mind-global-navbar_primary li {
font-size: 20px;
}
.mind-feed-content_main {
grid-template-columns: 1fr;
}
.mind-global-navbar_primary img {
margin-left: -35px;
width: 25px;
height: 25px;
}
.mind-global-navbar_primary-colored ul {
width: calc(100vw - 40px);
}
.mind-policy-popup {
width: 90vw;
}