Docmost v0.6 is here.
Highlights
- Full Space export with attachments
- Export individual pages and their subpages.
- Resizable sidebar
- Support for custom drawio server
- Other improvements and bug fixes
Full release notes: https://t.co/c8pBVo9VSq
@DocmostHQ Hi, I have installed Docmost, created a url for accessing it from outside, connected with the same account on both device (desktop and mobile). In mobile, I see all pages but not the containt... Any idea for resolving this issue?
On peut faire des trucs surpuissants en CSS.
Et il existe des tonnes de services pour nous aider.
Voici 5 générateurs à avoir dans ta boîte à outils de dév.
CSS Tip! 📜
You can create scroll-driven micro-interactions with animation-timeline and custom properties 🔥
.search {
animation: shrink;
animation-timeline: scroll();
animation-range: 0 calc(var(--header-height) * 0.5);
}
@keyframes shrink {
to { width: calc(100% - var(--button-size); }
}
The --header-height is being used to dictate the container height for the header. You can use that for the animation-range used across different scroll animations 🤙
For another example, you can animate the box-shadow reveal on the header once the search has stuck 🍡
header {
animation: shadow;
animation-timeline: scroll();
animation-range:
var(--header-height)
calc(var(--header-height) * 1.5);
}
@keyframes shadow {
to { box-shadow: 0 5px 10px hsl(0 0% 0%); }
}
Then you have the little extras! 🧸🎈
Everything powered by the scroll() animation-timeline which hooks into the page scroll. And then using the --header-height in the different animation-range ✨
Give it a try! ⭐️
@CodePen link below! 👇