getkirby / kirby Goto Github PK

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.

Reported by @texnixe

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

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.

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

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.

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.

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?

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.

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.

@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).

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 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.

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

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)

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".

Reported by @texnixe

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

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.

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.

The transparent svg files are not transparent in the panel.

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.

Reported by @texnixe

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:

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

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.

Reported by @texnixe

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?

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

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

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

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?

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!)

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 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.

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.

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

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?

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.

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.

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