Page 1 of 1

Calendar alignment

PostedCOLON Thu Feb 04, 2010 10:55 pm
by XereX
The .calDot , time and calendar event is not perfectly aligned.

I have managed to align the .Caldot to a better alignment, but can not figure out how to align the time and calendar event text better. Some kind of top margin is set, hmpf!

Heres my change to the CSS, to a better alignment:

.calDot {
display: block;
width: 8px;
height: 8px;
background: #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0px;
padding: 0px;
position: relative;
left: -38px;
top: 10px;
}

Re: Calendar alignment

PostedCOLON Fri Feb 05, 2010 2:08 pm
by StarSoft
For which version is this?
Is it the latest beta version or one of the public versions?

Re: Calendar alignment

PostedCOLON Fri Feb 05, 2010 5:16 pm
by XereX
Its the latest. Checkout the screenshot to see what I am talking about.

The red dot is not totally visible, and the time stamps are a bit moved down in relation to the event text.

Orig pic:
Image

Checkout the red line, its quite out of alignment:
Image

Re: Calendar alignment

PostedCOLON Fri Feb 05, 2010 5:34 pm
by StarSoft
Ahh, that's the same problem I have but noone else had :-D
I didn't go through the CSS myself yet but indeed this looks a bit better.
Only the times need to be moved up a little now :)

Re: Calendar alignment

PostedCOLON Fri Feb 05, 2010 5:39 pm
by XereX
Yep the times needs to be adjusted up, and the dots needs a lot of adjustment.
I tried to reduce the topmargin with 10px, that helped, but could not locate the top margin for the time column. Any idea where to look ?

Re: Calendar alignment

PostedCOLON Fri Feb 05, 2010 5:43 pm
by XereX
And forgot to tell.
The screenshots above is the default CSS file, nothing is adjusted at that moment.

Re: Calendar alignment

PostedCOLON Sat Feb 06, 2010 2:59 pm
by GuitarRay
In the version before there were separate pictures for dates and birthdays possible (see pictures)
Now I have only black dots for dates and birthdays. Can one change that again?

version before
Image

current version
Image

Re: Calendar alignment

PostedCOLON Wed Feb 10, 2010 1:13 am
by TheIrreverend
I've got the same problem (using the latest beta). Thanks for getting the calendar dot colours resolved all the same!

Re: Calendar alignment

PostedCOLON Wed Feb 10, 2010 2:13 pm
by Schwarz Bruder
Wait, how was that resolved? I still have that problem with the black dots or whatever. Does anyone have any idea about how to fix it or what part of the code do I have to change? I don't mind doing it myself, but I'm not that good when it comes to writing code, so if someone can point me in the right direction, I'd really appreciate it

Re: Calendar alignment

PostedCOLON Fri Feb 26, 2010 7:38 am
by XereX
I have used some time with this alignment bug.

It seems to be the caldot in the CSS is the troublemaker.
When the caldot is shown, everything goes out of alignment, but if it is removed it all fits perfectly.

The issue i have pinned it down to is:
display: block;

The block thingy, messes it up.

Re: Calendar alignment

PostedCOLON Fri Feb 26, 2010 8:49 am
by StarSoft
Here is the fix for the calendar alignment. It will be fixed in the next release but for the handy ppl who know how to edit it manually, use this:

CodeCOLON Select all

.calDot {
	display: block;
	width: 8px;
	height: 8px;
	background: #CCCCCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	left: -38px;
	top: 7px;
}