getkirby / kirby Goto Github PK

When in site in the panel and using the dropdown menu to change the url, I'm redirected to that page afterwards. To me, it's not the expected behaviour.

When changing the status on the other hand, I'm not redirected. So in one case I get redirected and in another I'm not.

Now there are no edit icon to the left of the page title. There is nothing that indicates that the title is editable. Add an edit pen to the left, or a white background below to show that it's editable.

I'm using Chrome. I created width: 1/3 on three columns in a row. The width of the screen here is around 1090px.

Uploading an image via the macOS media browser, results in an 0 byte file being added. This is the meta information shown in the panel UI after uploading:

Type: inode/x-empty
URL: /test/fullsizeoutput_106cb.jpeg
Size: 0 B
Dimensions: 0 × 0

Here’s what I mean by media browser:

The current way of detecting the path is broken when running PHP in CGI mode. We need to move back to Request URI

Picture dropdown looks nice, but the position is a bit off. It should probably start on the line or at least a few pixels down. Now it's almost on top of "Picture".

I noticed you’re using an image for the transparent checkerboard pattern. Small thing, but you could generate this background using a CSS gradient: https://lea.verou.me/css3patterns/#checkerboard

This would require one less file request, and would be easier to customise/theme, going forward. (Tiny, tiny improvement, but worth noting!)

Reported by @texnixe

When clicking download on files, it does not download the file. Instead it's loaded in the browser.

I think a header or something is often used to force files to be downloaded.

In the case the files are are not downloaded, at least not the SVG file I tried. I think "Raw" is a better name for it, in case you are not making a force download.

For the user view, I saw no blueprints for it. Is the website field always there?

I don't think it needs to be there by default. The rest of the things are important and needed I think, but not a website field. Maybe the admin can add it with a blueprint or something instead?

In all Kirby panels, I've been missing a global link to the homepage. Let's say I'm editing my account and want to go to the homepage. Then I normally need to edit the url or click into site to find a preview button.

I made a very quick mockup (with a wrong icon) what I think would be a nice approach:

Homepage would lead to u(). The homepage would then be accessible from every page.

Saving is weird right now. No save button, but it doesn't save automatically. Cmd-S or Enter in a field work, but you must remember to do it, otherwise content can be lost when you leave the page.

I was surprised by the number of unlabelled icons, icons which in many cases, don’t adequately indicate functionality (e.g. lightning bolt = role management?). As I made my browser window wider, I realised that labels where only hidden for narrower (but not very narrow) viewports. I would encourage you to show labels whenever possible, otherwise the UI becomes hard to comprehend and use confidently.

For the tag input field, it’s difficult to enter multiple tags, without tabbing out of the input and back in. I would expect typing a comma, or pressing enter, would automatically convert the last string into a tag, and allow the user to begin entering a new one.

If entering just one space in FancyInput, after blur and re-focus the space cannot be deleted anymore.

The transparent svg files are not transparent in the panel.

Reported by @texnixe

There is no save button on the pages. CTRL + S however work. Should there be no save button?

I think the login button can be improved.

• It has a really strong icon and a much weaker text. I don't feel the balance between them.
• It's a bit too much space between the icon and the text.
• I perfer to have it positioned to the right.
• It looks more like a link than a button and I miss the edges in this case.

It may not need to look like a traditional button, but with some enhancements, I think it would look more like a solid action than it does now.

I always want to see the slug, but it has been removed. Now we need to go to the dropdown and change url modal to see it.

Instead of /projects/ in the breadcrumb, maybe it can be /projects/project-a/. Then it would be different to the title that is Project A. Best of both worlds.

The navigation arrows up in the corner works fine, but when I click to Project F and want to continue around to Project A, it's not that simple. That's because it will not repeat after it reaches a "wall".

Maybe introduce a new icon that takes us back to the first page if we hit the wall (end of the pages)? The same thing of course if we are on the first page, to be able to go to the last.

On Project A we have an image field. It accepts all kinds of files, but it should only accept images? It's probably just a blueprint option?

When creating a new user it will have no language set. I tried to logout and login with it to test what language it got and it falls back to english which is fine.

I still think it needs to save english when the user is created to make it clear. Also if I have saved a language I can't go back to "Please select a language" so it's kind of required anyway.

With tags I can select a tag to make it selected. I tried to press the delete key to delete it but it did not work. It would be nice it that would work.

(This issue also appear in Panel 2 so it's not new)

@malvese wrote about this first. Anyway, when hovering the navigation arrows there is nothing that tells us where I will land. There is no hover title attribute and Chrome does not write the url at the bottom (probably because it's not a real url).

Reported by @texnixe:

Panel: replacing images only with same mime type; is there a reason for this? So if I decide that my projects should rather have svg cover images, then I have to delete everything first.

When looking at a file, I can see Uploaded which is a date. In Sweden we don't write it like that. I'm not sure if it's possible to change it to like 2017-01-01, 21:23 with an option?

When pressing enter in an input text, the page is autosaved, which is nice.

When I'm in a textarea and press tab to jump out of that textarea, the page is not saved, which I think it should be.

In both cases we leave the current element.

When trying to replace an image it says "arrow-left.svg The mime type of the new file does not match the old one". Both files are svg and I can upload my file, but not replace over another svg file.

Do they really need to be the same mime type to be replaced? If yes, why?

The panel already has great keyboard interaction, but you should do an audit to ensure you are using expected conventions. For example, navigating between items in a menu should be done via arrow keys, with the tab key allowing you to escape the menu and move to the next item. Currently, tab is used for both entering the menu and navigating its options; very tiring! This is a good introduction to a11y for menus: https://inclusive-components.design/menus-menu-buttons/

• Enable keyboard navigation through dropdown menus

Not sure it is temporary during the alpha, so writing it down here.

Reported by @texnixe

filtering files in blueprints: not yet possible or what is the syntax?

I'm not sure how it's intended to work but on many places I get a message that something is done successfully, which is nice.

In the user view when I upload a picture for example, I don't get the message "The picture was successfully uploaded". I was waiting for it, but it did not appear. Would it be good to have a message like that?

There are more places, I think, where a message does not appear.

Site options cannot be edited so far.

I don't know if there is a scroll wheel on Mac but we have that on Windows. When clicking it, a new tab is opened.

If I middleclick on "Users" in the sidebar for example, I expect to open the users view in a new tab. It does not work. It's because it's not a link, it's a button.

The big question is, can it be turned as a link or is it too much work? I think it's the only way it could work.

When creating a page, now and in the past we need to add a title first in a modal box.

I think the perfect way to create a page is to click the "Add" button and then jump directly to a clean page without anything at all, not even a title, template or slug.

The panel url for the page could be like "temporary-page" until a slug is added. After the slug is added we could pick a template of our choice, still on the same page. When a template is selected, all the fields are loaded below it. It would be a very natural workflow.

About the template switching when a page already exists, then it's more complex and may need a new view, but not on creation.

It seems button and links are styled the same. To aid clarity, buttons should have a more button like appearance, and also have a distinct appearance from links — which could perhaps be underlined on hover?

Why is this important? Buttons and links elicit very different behaviours; a button will either cause an interaction on the page (e.g. open a dialog) or validate/submit a form, whereas a link will immediately take you to a different page.

We don't know when the data is saved, if it's saved. I think an orange indicator of some kind would solve the problem. It could turn green when the content is saved and no new edits are done.

[Saved at 2017-11-15, 13.33]

or

[You have unsaved changes. Last save 2017-11-15, 13.33]

Google Drive

https://github.com/k-next/panel/issues/230

When I switch an unlisted content to public, other contents are not reordered/renumbered, so for example I ended up with two 2-project-… items

The current version of the Panel is not working when running the starterkit with the built in PHP server.

Reported by @texnixe