Git Product home page Git Product logo

Comments (8)

chakflying avatar chakflying commented on May 27, 2024 1

I don't think this should be considered a bug, since it's more of a design choice.

from uptime-kuma.

CommanderStorm avatar CommanderStorm commented on May 27, 2024

Idk how where new line there would fit into our UI.
Why do you wan't so long titles? Could you give a real example as motivation?

from uptime-kuma.

mueller-ma avatar mueller-ma commented on May 27, 2024

The title doesn't have to be super long. For example from the screenshot in the Readme "Inbox by Gmail". When I use Chrome to emulate "Galaxy Fold", the title isn't fully shown:
grafik

Some services require more words to describe themselves for all users. For example "Active Directory" can be hard to understand for users where "Login on Windows Systems" is longer, but better understandable.

I don't think this should be considered a bug, since it's more of a design choice.

IMO anyone who wishes to can keep their titles short, but I personally prefer the full title to be shown.

from uptime-kuma.

chakflying avatar chakflying commented on May 27, 2024

FYI in Settings -> Appearance, you can move the heartbeat bar to the bottom, which will give you plenty more space.

markup_1000029811.png

from uptime-kuma.

mueller-ma avatar mueller-ma commented on May 27, 2024

This setting doesn't influence the status page, but the dashboard only. And it's only for logged in user, not for every visitor: #1858

from uptime-kuma.

mueller-ma avatar mueller-ma commented on May 27, 2024

If you agree I can create a PR for this.

from uptime-kuma.

mueller-ma avatar mueller-ma commented on May 27, 2024

What about adding a mouse over text for the title? At least on PC users can view the full title then.

from uptime-kuma.

mueller-ma avatar mueller-ma commented on May 27, 2024

The following custom CSS enables line wrap for long titles:

.hp-bar-big {
  padding: 0; 
}
.monitor-list .item .info {
  white-space: normal;
}

from uptime-kuma.

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.