Schedule height fits a 600px screen and the schedule is hiden if there is only one room

This commit is contained in:
Ana 2016-06-17 14:00:31 +02:00
parent 82c2c400b6
commit 028d430885
8 changed files with 74 additions and 98 deletions

View file

@ -15,7 +15,7 @@ background-image: -webkit-gradient(
);
cursor: pointer;
padding: 2px;
padding: 3px 2px;
}
#schedule td.event:hover
@ -94,18 +94,10 @@ a.unstyled-link {
width: 100%;
}
.event-elipsis{
.elipsis{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines to show */
}
.room-elipsis{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; /* number of lines to show */
}
.break-words{
@ -126,24 +118,15 @@ a.unstyled-link {
hyphens: auto;
}
.room {
.room, .event-title{
font-size: 11px;
height: 70px;
line-height: 14px;
overflow: hidden;
}
.event-title{
font-size: 11px;
height: 42px;
line-height: 14px;
line-height: 17px;
overflow: hidden;
}
td.room{
width: 15%;
padding: 3px !important;
height: 77px;
max-width:15%;
}
@ -153,33 +136,27 @@ th.date{
}
.speaker-pic{
padding: 5px 2px;
width: 25px;
padding: 4px 2px;
}
.schedule-table{
width: 100%;
margin:0px;
padding:0px;
}
td.no-padding{
padding:0px !important;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.room {
.room, .event-title{
font-size: 12px;
height: 75px;
line-height: 15px;
}
.event-title{
font-size: 12px;
height: 45px;
line-height: 15px;
}
.speaker-pic{
padding: 5px 3px;
width: 30px;
}
td.room{
width: 12%;
height: 90px;
padding: 5px !important;
max-width:12%;
}
@ -188,69 +165,39 @@ th.date{
}
td.event{
padding: 5px !important;
padding: 3px 4px !important;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.room {
.room, .event-title{
font-size: 13px;
height: 80px;
line-height: 16px;
}
.event-title{
font-size: 13px;
height: 48px;
line-height: 16px;
}
.speaker-pic{
padding: 5px 4px;
width: 35px;
}
td.room{
width: 10%;
height: 100px;
padding: 6px !important;
max-width: 10%;
}
td.event{
padding: 6px !important;
padding: 3px 5px !important;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.room {
.room, .event-title{
font-size: 14px;
height: 85px;
line-height: 17px;
}
.event-title{
font-size: 14px;
height: 51px;
line-height: 17px;
}
.speaker-pic{
padding: 5px;
width: 39px;
}
td.room{
width: 9%;
height: 105px;
padding: 7px !important;
max-width: 9%;
}
td.event{
padding: 7px !important;
padding: 3px 6px !important;
}
th.date{