Giter Club home page Giter Club logo

Comments (15)

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Something to think about.
One thing that we should consider is the fact that clicking the parent page (= the next paper in the stack) will close all nested pages. So the different sheets of paper are like breadcrumbs you can use to navigate. This will be more clear, when we finished writing the documentation.

I still think that an icon/more visual prompt to edit should be considered.

Just so we are talking about the same thing: we do have an icon. A page icon. You don't seek something more visual, you're just not convinced that the metaphore works. Right?

:)

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

Thanks Nils, Breadcrumbs are a good thing in this instance yes, I just feel it takes up a lot of real estate at present.

With regards to the icon, is it worth a text prompt/tooltip or something? we have remove as a block of text and edit is in the same context for applying an action to the item. the page icon feels too much like it's the instigator for drag/drop re-ordering right now.. is it worth shifting it from the edge of the item and make it clearly visible all the way around it?

edit-icon

Or does that look too much like a menu icon now?

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Personally, I have to say that I'm not fond of a drag indicator at all. We don't use it in the Symphony interface and the user already gets a drag cursor. If you have to explain to your users what the drag cursor means, you'll also have to explain to them what a drag indicator means. Additionally, if you have a drag indicator, people tend to think that that's the only area that can be used to drag, which is wrong – it works on the entire row.

So for me it's already a design compromise to have it in the interface at all.

the page icon feels too much like it's the instigator for drag/drop re-ordering right now.

bildschirmfoto 2014-07-31 um 09 12 35

It does look like this at your place, does it?

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

Nope...

So there in lies the problem then :) I don't see that icon at all! missing svg maybe? using Chrome on mac.

from association_ui_editor.

johannahoerrmann avatar johannahoerrmann commented on June 24, 2024

A different idea: How about making the caption a link which opens the editor? Much like it works in the section overview.

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Ha, okay.

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

It's always the little things :)

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

The thing is: it works just fine in Chrome here. Strange. It's an SVG image.
Which Chrome version do you use?

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

And to further clarify things:
The lines you see on the left of the row is the drag indicator, that grey paper is the trigger for the page editor.

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Andrew, can you check, if you see the icon in other browsers?

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

I'll check now.

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

I don't see the icon in Chrome: Version 36.0.1985.125 on OSX Mavericks
I see the icon in: Firefox v30
I don't see the icon in: Safari 7.0.5 (9537.77.4)

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Let's move here: #17

from association_ui_editor.

nilshoerrmann avatar nilshoerrmann commented on June 24, 2024

Regarding the child headers, let's consider this for version 1.1.0.

from association_ui_editor.

andrewminton avatar andrewminton commented on June 24, 2024

Agree.

from association_ui_editor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.