Some polish for the What's New popup

This commit is contained in:
Albert Santoni 2015-09-28 22:17:34 -04:00
parent 67c20630a3
commit 6658fca10b
2 changed files with 19 additions and 8 deletions

View File

@ -176,11 +176,11 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
if (!Application_Model_Preference::getWhatsNewDialogViewed()) { if (!Application_Model_Preference::getWhatsNewDialogViewed()) {
?> ?>
<div id="whatsnew"> <div id="whatsnew">
<div> <div id="whatsnew_video">
<iframe width="560" height="315" src="<?php echo UI_REVAMP_EMBED_URL ?>" frameborder="0" allowfullscreen></iframe> <iframe width="560" height="315" src="<?php echo UI_REVAMP_EMBED_URL ?>" frameborder="0" allowfullscreen></iframe>
<h2><?php echo _("Airtime Pro has a new look!"); ?></h2> <h2><?php echo _("Airtime Pro has a new look!"); ?></h2>
<p><?php echo _("A lot of your favourite Airtime features are now even easier to use - and we've even <p><?php echo _("Your favorite features are now even easier to use - and we've even
added a few new ones! Check out the video above or read on to find out more."); ?></p added a few new ones! Check out the video above or read on to find out more."); ?></p>
<ul> <ul>
<li><?php echo _("Our new Dashboard view now has a powerful tabbed editing interface, so updating your tracks and playlists <li><?php echo _("Our new Dashboard view now has a powerful tabbed editing interface, so updating your tracks and playlists
is easier than ever."); ?></li> is easier than ever."); ?></li>
@ -191,7 +191,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
experience, no matter how you're connected."); ?></li> experience, no matter how you're connected."); ?></li>
</ul> </ul>
</div> </div>
<button id="whatsnew_close" class="btn btn-new">Got it!</button> <button id="whatsnew_close" class="btn btn-new">OK, got it!</button>
</div> </div>
<script> <script>
$(document).ready(function() { $(document).ready(function() {

View File

@ -3921,10 +3921,14 @@ li .ui-state-hover {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
max-width: 600px; max-width: 640px;
max-height: 460px; max-height: 460px;
padding: 10px 0; padding: 10px 10px;
}
#whatsnew_video {
text-align: center;
} }
#whatsnew > button { #whatsnew > button {
@ -3934,16 +3938,23 @@ li .ui-state-hover {
} }
#whatsnew > div { #whatsnew > div {
text-align: center; text-align: left;
font-size: 16px; font-size: 16px;
overflow-x: hidden; overflow-x: hidden;
padding: 20px;
box-sizing: border-box;
}
#whatsnew iframe {
text-align: center;
} }
#whatsnew h2 { #whatsnew h2 {
margin-top: 10px; margin-top: 10px;
font-weight: bold; font-weight: bold;
text-align: center;
} }
#whatsnew li { #whatsnew li {
margin-top: 20px; margin-top: 20px;
} }