Closed lefherz closed 4 years ago
Response from respost
Check out the page preview at https://staging.bots.delta.chat/30/
Unfortunately I needed to use one property which only exists on Firefox - the effect is not even that ugly, but maybe someone else has a different solution to reduce the width of the menu link background to the width of the menu link?
Thanks for the padding fix!
I don't agree to the menu changes, though, see my other comment.
Not sure, the menu looks a bit unconventional in chromium, but not necessarily bad...
we could just remove this part, so it looks the same on all browsers:
diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 00b8dbf..a8831b7 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -43,10 +43,5 @@ div.highlighter-rouge {
.content h1 {
display: inline-block;
}
- .menu-list a.is-active {
- max-width: -moz-max-content;
- margin-left: auto;
- margin-right: 0;
- }
}
Please check again if you need that much padding. I turned of the padding in .column
and the site looked better IMHO on mobile.
Please check again if you need that much padding. I turned of the padding in
.column
and the site looked better IMHO on mobile.
agreed, fixed.
You're right, it's good enough as an improvement. The details don't matter that much.
related to #2
fixing the bottom-padding was actually quite easy. I'm convinced of bulma. Let's see how it is with the menu on mobile.