themes: limit max width of sidebar & allow resize

....although it doesn't currently persist that information
This commit is contained in:
Starbeamrainbowlabs 2020-07-07 21:34:57 +01:00
parent d94fc42547
commit 0fc24c4ce9
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
3 changed files with 4 additions and 1 deletions

View File

@ -25,12 +25,14 @@ This file holds the changelog for Pepperminty Wiki. This is the master list of t
- Removed ParsedownExtreme, as it wasn't doing anything useful anyway
- Don't worry, we've absorbed all the useful features (see above)
- NOTE TO SELF: Don't forget to update wikimatrix.org when we next make a stable release!
- Enabled horizontal resize handle on sidebar (but it doesn't persist yet)
### Fixed
- Squashed a warning when using the fenced code block syntax
- If a redirect page sends you to create a page that doesn't exist, a link back to the redirect page itself is now displayed
- Really fix bots getting into infinite loops on the login page this time by marking all login pages as `noindex, nofollow` with a robots `<meta />` tag
- Navigating to a redirect page from a page list will no longer cause you to automatically follow the redirect
- Limited sidebar size to 20% of the screen width at most
## v0.21

View File

@ -112,6 +112,7 @@ input[type=button], input[type=submit]{
padding:1rem 3rem 2rem 0.4rem;
background:#537EBA;
box-shadow:inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5);
max-width:20vw; resize:horizontal; overflow-x:scroll;
}
.sidebar a{
color:#ffa74d;

View File

@ -136,7 +136,7 @@ input:focus, textarea:focus { outline: 0.15em solid var(--accent-a0); }
input[type=button], input[type=submit] { cursor: pointer; }
.sidebar + .main-container nav.bottom { position: relative; }
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: var(--accent-a1); box-shadow: inset -0.6rem 0 0.8rem -0.5rem var(--shadow); }
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: var(--accent-a1); box-shadow: inset -0.6rem 0 0.8rem -0.5rem var(--shadow); max-width: 20vw; resize: horizontal; overflow-x: scroll; }
.sidebar a { color: var(--accent-b1); }
.sidebar ul { position: relative; margin: 0.3rem 0.3rem 0.3rem 1rem; padding: 0.3rem 0.3rem 0.3rem 1rem; list-style-type: none; }