Add initial mobile theme support

This commit is contained in:
Starbeamrainbowlabs 2020-01-16 20:13:01 +00:00
parent 1f746c68b5
commit 11611262c4
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
2 changed files with 31 additions and 0 deletions

View File

@ -12,6 +12,8 @@ This file holds the changelog for Pepperminty Wiki. This is the master list of t
- This is done via a verification email that's sent when you change your email address (even if your email address is the same when you change your preferences and you haven't yet verified it)
- A new `email_verify_addresses` setting has been added to control the functionality
- Added dark theme to the [downloader](https://starbeamrainbowlabs.com/labs/peppermint/download.php) (will be updated at the next stable release)
- Added initial mobile theme support to the default theme
- There's still a bunch of work to do in this department, but it's a bit of a challenge to do so without breaking desktop support
### Fixed
- Fixed weighted word support on search query analysis debug page

View File

@ -282,3 +282,32 @@ summary { cursor: pointer; }
.reply-box-container.active { padding: 1em; background: var(--bg-comments-4); }
footer { padding: 2rem; }
/* Small screen adjustments */
@media (max-width: 480px) {
body {
margin: 0;
}
nav.top {
position: static;
flex-direction: column;
}
nav.mega-menu {
flex-direction: column;
}
nav.top > span:first-child {
border-top: 3px solid var(--accent-a3);
}
main:not(.printable) {
padding: 1em 1em 0.5em 1em;
}
.comments {
padding: 1em;
}
footer {
padding: 1em;
}
}