Comments (3)
I'm afraid this might need a JS solution:
- measure available width (max. width of field)
- measure space nodes and marks would take
- move marks into a "..." dropdown as long as (2) is larger than (1)
from kirby.
One part is already fixed. The layout box is no longer cutting off the toolbar. But the toolbar is still not at full width and will have a scrollbar even if there's enough space. I think this is related to the new positioning logic.
from kirby.
@bastianallgeier Three things:
.k-writer-toolbar[data-inline="true"]
should have amax-width: none;
added to be full-width without scrollbar- The positioning logic still fails: it first tries to correct overflow to the left, then to the right. If the toolbar is larger than the container, it first shifts it to the right, then back to the left and will have an overflow. This is because we can only assess the overflow/offset in relation to the container - not the full window (where it might have more space to either side).
- With
position: absolute
it'll be very hard to break out of the editor itself. If we want to use the space around the editor itself for the toolbar to overlay, we'll need to move toposition: fixed
from kirby.
Related Issues (20)
- Small typo in German translation HOT 1
- Kirby 4 New Link-Field not showing all files from a page HOT 1
- Inconsistent behaviour with where clause in database when parameter is integer HOT 6
- Markdown does not allow nested list within ordered list HOT 1
- Dialogs: props not reactive
- createTable only supports a limited set of column types
- Table layout has super wide column for thumbnail and status at smaller width HOT 1
- License details table not visible in dialog
- hook 'user.changeRole:after' fails when args are named differently HOT 1
- Date/time field: unexpected results for arbitrary formats HOT 6
- Translation of custom panel menu labels
- [K4] 1Password in Safari triggers `undefined is not an object (evaluating 'i.form')` error on TOTP form HOT 9
- [Panel] Keep title when switching template in create dialog
- can't `parse_url()` for creating URIs that use pagination logic HOT 3
- Can't override Title label in pages section table layout
- Add your own thumb generator not working HOT 1
- $site->findPageOrDraft() does not work for nested drafts
- Tags field: tags not split when pasted
- Avoid using index for `:key`
- Image tag breaks with smartypants enabled
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from kirby.