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

SAAS-833: Radio page UI improvements/fixes

Browse source 
Removed scrolling on entire page and added it only to schedule widget
This commit is contained in:
drigato 2015-06-02 15:39:56 -04:00
parent db17112432
commit fad88cb5ab
2 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
airtime_mvc/public/css/radio-page/radio-page.css
View file

@ -4,7 +4,7 @@ html {
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
overflow-y: scroll; overflow-y: hidden;
} }
.bck_cover { .bck_cover {
@ -32,11 +32,12 @@ body {
/*display: none;*/ /*display: none;*/
height: 100%; height: 100%;
width: 100%; width: 100%;
max-width: 740px; max-width: 760px;
margin: 0 auto; margin: 0 auto;
margin-top: 20px; margin-top: 20px;
margin-bottom: 140px; margin-bottom: 140px;
padding: 10px; padding: 10px;
padding-left: 0px;
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -380px; margin-left: -380px;
@ -149,7 +150,7 @@ input[type="submit"]:hover {
margin-top: 0px; margin-top: 0px;
max-width: 100%; max-width: 100%;
margin-left: auto; margin-left: auto;
left: -10px; left: 0px;
right: 10px; right: 10px;
} }

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

@ -8,7 +8,7 @@ body {
text-align: center; text-align: center;
visibility: hidden; visibility: hidden;
width: 100%; width: 100%;
max-width: 740px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
margin-top: 20px; margin-top: 20px;
margin-bottom: 140px; margin-bottom: 140px;
@ -61,11 +61,13 @@ body {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
max-height: 0px; max-height: 0px;
transition: max-height 2s ease; transition: max-height 2s ease;
overflow-y: scroll;
/*transition-delay: 1s;*/ /*transition-delay: 1s;*/
} }
.schedule.current .schedule_content { .schedule.current .schedule_content {
max-height: 2000px; max-height: 300px;
} }
.schedule_content table { .schedule_content table {