Git Product home page Git Product logo

Comments (5)

ajaysmurthy avatar ajaysmurthy commented on June 30, 2024

Center aligning is needed for tala images, though some very long talas have wide images, and look a little weird in a square box.

The tala images have high resolution and are big, so not a problem even for the big box.

from dunya.

alastair avatar alastair commented on June 30, 2024

Yeah, we're kind of stuck with square boxes at the moment. We could try rectangular boxes for taalas, but we would need to think about how to do it. (Are they they same height as the regular boxes, or less? How do we align them on a grid, if a taala is longer than another one do we have different width boxes?)

I meant raaga images for the big box, oops.

from dunya.

ajaysmurthy avatar ajaysmurthy commented on June 30, 2024

The square boxes look good as they are, so not changing them will be the best for overall aesthetics and to be compatible with other info boxes.

I might just make the long talas to look shorter by putting it into two lines, or by showing less information.

from dunya.

alastair avatar alastair commented on June 30, 2024

There's 2 things we could do for taalas:

  • on the taala page, make the image box twice as wide (there's not much else to show up there, so it's probably not a problem)
  • In the small boxes on other pages, have the (+) icon expand out horizontally so it's 2x as wide and can fit an image better.

We still need to think about how we represent both taalas that are long and those that are short

from dunya.

ajaysmurthy avatar ajaysmurthy commented on June 30, 2024

Thats a good idea.

For now, zoom the whole tala image to fit into the box. If this looks too awkward for long taalas, I will make another set of images for long taalas splitting the cycle.

from dunya.

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.