Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

SAAS-843: Create Embeddable Schedule Widget View

Browse source 
Replaced player controller with embeddablewidgets controller.
Replaced 'Player' page with 'Widgets' page.
Added schedule widget to the widgets page.
This commit is contained in:
drigato 2015-06-04 12:00:23 -04:00
parent 3593a13064
commit 6528a9b0a3
13 changed files with 232 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

124
airtime_mvc/public/css/radio-page/weekly-schedule-widget.css
View file

@ -1,124 +0,0 @@
body {
font-family: 'Roboto', sans-serif;
margin: 0px;
}
.tab_content {
color: #fff;
text-align: center;
visibility: hidden;
max-width: 750px;
margin: 0 auto;
margin-bottom: 140px;
padding: 10px;
position: absolute;
left: 50%;
margin-left: -380px;
}
.tab_content.current {
/*display: block;*/
visibility: visible;
}
.schedule .tabs {
list-style: none;
padding-left: 0px;
margin: 0px;
background: rgba(69, 155, 143, 0.8);
}
.schedule .tabs li {
width: 105px;
height: 80px;
display: inline-block;
font-size: 14px;
padding: 15px;
box-sizing: border-box;
cursor: pointer;
}
.schedule .tabs li span {
font-size: 30px;
display: block;
}
.schedule .tabs li.active {
background: #459B8F;
}
.schedule .tabs li.active:hover {
background: #459B8F;
}
.schedule .tabs li:hover {
background: rgba(69, 155, 143, 0.6)
}
.schedule_content {
background: rgba(0, 0, 0, 0.3);
max-height: 0px;
transition: max-height 2s ease;
overflow-y: auto;
/*transition-delay: 1s;*/
}
.schedule.current .schedule_content {
max-height: 300px;
}
.schedule_content table {
opacity: 0;
/*transition: all 1s ease;*/
}
.schedule.current .schedule_content table {
opacity: 1;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.schedule_item {
display: none;
font-size: 17px;
text-align: left;
text-transform: uppercase;
padding: 30px 40px;
}
.schedule_item.active {
display: block;
}
.schedule_item .time_grid {
font-weight: 300;
color: #AAAAAA;
}
.schedule_item .name_grid {
padding-left: 30px;
}
.schedule_item h4 {
margin: 10px 0px;
font-weight: 400;
}
@media (max-width: 730px) {
.tab_content {
margin-top: 0px;
width: auto;
max-width: 100%;
margin-left: auto;
left: 10px;
right: 10px;
}
.schedule .tabs li {
width: 64px;
height: 64px;
padding: 6px;
}
}