Comments (6)
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
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:
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":
--
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.
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.
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.
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.
@b3by it works! ๐
Though, the vertical alignment is a tad off. ๐ฅ
So.. close...!
I also removed my MM/DD h:mma
formatting and tried to use the defaults. Same alignment issue:
from atom-clock.
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)
- Tooltip alert for UTC time HOT 7
- Just an idea I had now with the last update... HOT 2
- README image are no longer displayed in Atom settings view HOT 2
- Failed to activate the ide-python package HOT 3
- naziv HOT 1
- Day Fraction HOT 1
- Add a hot key to have a notification HOT 1
- Uncaught Error: Cannot find module 'moment' HOT 2
- Uncaught TypeError: Cannot read property 'enable' of undefined HOT 3
- failed to activate the status-bar package when atom-clock enabled HOT 4
- Function.extractParams is deprecated. HOT 2
- Failed to load the atom-clock package HOT 2
- Incorrect local time HOT 5
- pjkmรด
- Add possibility to copy time into clipboard HOT 6
- customizing HOT 5
- Suggestion HOT 4
- 'tk' locale not working
- Wrong screenshot for 12 hour
- HTMLDocument.registerElement is deprecated.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from atom-clock.