Minicalendar overflow - lost in the box model
- Philipp
- Topic Author
- Offline
- Senior Member
-
6 years 9 months ago #118285
by Philipp
Minicalendar overflow - lost in the box model was created by Philipp
Hi there,
ever since the 3.6 (?) update, my minicalendar shows some weird behaviour that I just can't seem to fix. I load it into a sidebar, do some CSS customizations (mainly colors and padding, but also turn off the prev. year, next year buttons). But ever since one of the more major updates recently, the calendar wont's stay put in the sidebar box.
Now, I'm only a basic CSS guy, but the box model seems rather confusing to me: the DIV eb-minicalendar-container contains a table, and inside one of those table's cells the next DIV calendar_result is situated which contains the two tables for the header and the body of the calendar.
Here's the site: www.ifqh.de/termine
So, any ideas what went wrong, and where to fix it?
Many thanks, Philipp
My custom CSS
ever since the 3.6 (?) update, my minicalendar shows some weird behaviour that I just can't seem to fix. I load it into a sidebar, do some CSS customizations (mainly colors and padding, but also turn off the prev. year, next year buttons). But ever since one of the more major updates recently, the calendar wont's stay put in the sidebar box.
Now, I'm only a basic CSS guy, but the box model seems rather confusing to me: the DIV eb-minicalendar-container contains a table, and inside one of those table's cells the next DIV calendar_result is situated which contains the two tables for the header and the body of the calendar.
Here's the site: www.ifqh.de/termine
So, any ideas what went wrong, and where to fix it?
Many thanks, Philipp
My custom CSS
Code:
.uk-panel-box .uk-panel-title {
padding-top: 5px;
padding-left: 5px;
}
.extcal_minical {
padding: 0px;
width: 100%;
border-spacing: 3px !important;
margin-left: 0px !important;
border-collapse: seperate;
}
.extcal_minical table {
border-spacing: 3px;
margin-left: 0px;
}
.extcal_minical extcal_navbar {
font-size: 13px;
background: rgb(158,0,125);
}
.extcal_navbar td {
padding: 0px;
font-size: 13px;
}
.mod_eb_mincalendar_table td {
border: 0px;
}
.mod_eb_mincalendar_table td.mod_eb_mincalendar_td_dayname {
color: #3c3c3e;
font-size: 13px;
}
.mod_eb_mincalendar_dayname {
font-family: Verdana,Arial,sans-serif;
font-size: 13px;
font-style: normal;
text-align: center;
text-decoration: bold;
}
td.mod_eb_mincalendar_not_today, td.mod_eb_mincalendar_no_event a {
font-size: 13px;
text-decoration: none;
}
td.mod_eb_mincalendar_event {
background-color: rgb(158, 0, 125);
}
.extcal_minical .extcal_month_label a {
color: #FFF !important;
letter-spacing: 0.1em !important;
}
.mod_eb_minicalendar_link #prev_year, .mod_eb_minicalendar_link #next_year {
visibility: hidden;
}
.eb-calendar ul.eb-weekdays {
background: #e6e7e9;
}
.extcal_minical .extcal_navbar {
background: rgb(158,0,125);
}
.eb-calendar ul.eb-weekdays {
background: #e6e7e9;
}
- Tuan Pham Ngoc
- Offline
- Administrator
-
Moderators: Tuan Pham Ngoc