CZTesting

General Category => Comments => Topic started by: Bocool on Jan 14, 2023, 10:23 AM

Title: Calendar
Post by: Bocool on Jan 14, 2023, 10:23 AM
What do you think of this for the calendar opposed to how it looks now?

calendar.png

[attachment deleted by admin]
Title: Re: Calendar
Post by: Dave on Jan 14, 2023, 10:51 AM
That looks a whole lot better Steve, I much prefer the white background

Mind you I don't mind the one that's on the test site either, although I don't like the title bg colours

[attachment deleted by admin]
Title: Re: Calendar
Post by: Bocool on Jan 14, 2023, 11:33 AM
Yeah, the borders and background don't match well.
Title: Re: Calendar
Post by: Dave on Jan 15, 2023, 06:24 AM
Quote from: Bocool on Jan 14, 2023, 11:33 AMYeah, the borders and background don't match well.

I've redone it now

I noticed that the alignment of the months in the Catgb was out, the name of the month is to the top of the bar instead of in the middle.

To resolve it it go to calenadar.css

find around line 131

#month_grid h3.catbg {
   padding: 0 6px 4px 6px;
}

replace it with

#month_grid h3.catbg,
#main_grid h3.catbg {
padding: 8px 6px 4px 6px;
}
Title: Re: Calendar
Post by: Bocool on Jan 15, 2023, 05:58 PM
Good catch. How does it look now?
Title: Re: Calendar
Post by: Dave on Jan 16, 2023, 03:29 AM
Quote from: Bocool on Jan 15, 2023, 05:58 PMGood catch. How does it look now?

colours look OK but the catbg is still the same, although in your first post image they are fine. I have used ctrl +F5.

Did you save it after you changed the code?  :o
Title: Re: Calendar
Post by: Bocool on Jan 16, 2023, 06:23 PM
Ah! It's a browser issue. I use Firefox and it looks good...but not in chrome. I'll have a look using chrome and see what can be done.

EDIT: Fixed! :) One of the browsers didn't like the code I added. So, I compared it to the default code which was ok and removed/edited code until it was fixed.
Title: Re: Calendar
Post by: Dave on Jan 17, 2023, 02:44 AM
Yes that's good now
Title: Re: Calendar
Post by: Dave on Jan 17, 2023, 04:26 AM
One last thing lol

On here you have the background colour of the disabled days in dark green. By doing that when you look at the week it looks like just a sea of green with no definition of the events etc.

I have changed it on mine as you'll see below.

If you want to alter yours then go to 'calendar.css' around line 167 and find

/* Main Highlighting */
#main_grid td.disabled,
#month_grid td.disabled {
background: #255d1d;
}


if you want the same colour I'm using then change to

/* Main Highlighting */
#main_grid td.disabled,
#month_grid td.disabled {
background: #FFFBED;
}


[attachment deleted by admin]
Title: Re: Calendar
Post by: Bocool on Jan 18, 2023, 09:54 PM
How does it look now?
Title: Re: Calendar
Post by: Dave on Jan 19, 2023, 02:53 AM
That looks a lot better