Coder Social home page Coder Social logo

Comments (4)

hunterstich avatar hunterstich commented on May 14, 2024

Hey @AndroidDeveloperLB ,

Those earmarks are part of the design and are used to mark an email as "starred". If you swipe an email from left to right, you can mark/unmark an email, changing a list item's top-left corner shape.

from material-components-android-examples.

AndroidDeveloperLB avatar AndroidDeveloperLB commented on May 14, 2024

@hunterstich Earmarks? It doesn't look well at all. It looks like a glitch. Seems outside of the card, as if someone forgot about the background behind...
It's supposed to be a CardView, no? Why would something be attached to it on the corner, and this way...
Are there actual real apps that use this style?
I didn't see it on Gmail, for example (though its UI doesn't have a list of cards). Even on the messy UI of Google NewsStand I don't see it.

Why is it this way? Can you please show me this on the guidelines? I never saw such a thing.

from material-components-android-examples.

hunterstich avatar hunterstich commented on May 14, 2024

It's a way to show state using shape. Owl, the other sample in this repository, does something similar to show an item as checked/unchecked:

owl_shape_checked_state

from material-components-android-examples.

AndroidDeveloperLB avatar AndroidDeveloperLB commented on May 14, 2024

@hunterstich Guys this doesn't look well at all and doesn't look intuitive, and seems against material design which has depth for cards. It looks like a bug...

Why would a card have a weird tiny background behind it?
Its content is supposed to be the one that shows it's checked. Not what's behind it...
The card's content is already what's being focused on. Having something outside of it doesn't make it clear enough that it's chosen this way. If at all, you should have put an outline around the card, and not on a single corner of it. Look at what Google Photos does when you select photos. It shrinks the photo a bit, puts a clear checkbox in the corner and that's it.
If instead you would have changed its shape to have rounded corner and put a tiny background there, it would be very unclear to see that this is what it means.

Even on Gmail, where it doesn't have cards, it doesn't use this. Instead it has a star icon which is also easy to toggle (just press it), instead of swiping this way...

Why change the shape of the card or put some tiny background behind it, if it already has a checkbox ? It doesn't make sense...

from material-components-android-examples.

Related Issues (18)

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.