GithubHelp home page GithubHelp logo

Last character in clock is missing about atom-clock HOT 6 CLOSED

 avatar commented on August 17, 2024 2
Last character in clock is missing

from atom-clock.

Comments (6)

eduncan911 avatar eduncan911 commented on August 17, 2024 1

FYI, I have been noticing this too over the last few days.

OS: macOS 10.12.3
Atom: 1.14.4 x64
atom-clock: 0.1.5

screen shot 2017-03-01 at 9 10 41 am

Note that it occurs regardless of what file, plugin or additional "status bar" items. If I start with a blank editor, it is still truncated:

screen shot 2017-03-01 at 9 13 14 am

I do have a custom Time Format in the settings: MM/DD h:mma But this does not matter. If I remove the custom Time Format and restart Atom, it is still truncating the "time":

screen shot 2017-03-01 at 9 14 59 am

--

I've noticed a few things that temporarily fixes it for the session that Atom is running:

  • Disable/Enable the plugin.
  • Remove/Add or Tweak the "Time Format" settings to anything.

Doing either of these immediately fixes the SPAN or DIV issue that is occurring.

--

You can "scroll" left to right the statusbar in this area.

--

Lastly, I do use a custom Font with custom editor stylesheets. Since Atom 1.13 (aka "Deprecation Hell" upgrade), a lot of styles had to be changed.

I'm wondering if the way the statusbar is calculating the width is now different - so when you go and populate the div/span, it isn't resized accordingly.

--

UPDATE: I disabled my Battery plugin as you see in the screenshots, and it had no effect - it still cuts off the clock.

from atom-clock.

b3by avatar b3by commented on August 17, 2024 1

Thanks for the detailed showcase of the bug.
In the latest release of the clock, I just changed the way the packages displays the clock in the bar, because the div containing the time moves slightly if also seconds are displayed. Right now, I recalculate the width of the clock content every time the format changes, then I add some extra pixels for safety and I keep it fixed. I'm wondering, probably something is wrong when the package initializes and calculates the size for the first time.

I'll look into the issue ASAP, thank you again for letting me know!

from atom-clock.

b3by avatar b3by commented on August 17, 2024

Thank you for the issue. I will look into it as soon as possible, maybe trying to replicate it.
May I ask you which packages are currently active in your environment? I'm guessing it might depend on some external package that somehow interacts with the status bar.

from atom-clock.

b3by avatar b3by commented on August 17, 2024

I was able to reproduce the bug in some situations where the developer console is placed to the right side of the screen. I applied a relative position to the container, now it seems to work properly (at least, I was not able to reproduce the bug any longer). I will update the package version, hoping that's it!

from atom-clock.

eduncan911 avatar eduncan911 commented on August 17, 2024

@b3by it works! ๐Ÿ‘

Though, the vertical alignment is a tad off. ๐Ÿฅ‡

So.. close...!

screen shot 2017-03-05 at 1 44 59 pm

I also removed my MM/DD h:mma formatting and tried to use the defaults. Same alignment issue:

screen shot 2017-03-05 at 1 42 37 pm

from atom-clock.

b3by avatar b3by commented on August 17, 2024

Oh no!
I aligned the clock in the vertical middle, just like the other tiles out of the box, because on my system it was vertically off, just a bit.
I'm thinking, this might depend to the font you're using. I could get the vertical size of the status bar and place the clock right in the middle... oh, this is just for positioning a tiny text cell :(

from atom-clock.

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.