CSS tweaks

This commit is contained in:
Duncan Sommerville 2015-09-03 14:51:58 -04:00
parent 4e0f3ddd99
commit f396bb4390
3 changed files with 15 additions and 11 deletions

View file

@ -4,7 +4,7 @@
<?php echo $this->element->getElement('sb_date_end'); ?> <?php echo $this->element->getElement('sb_date_end'); ?>
<?php echo $this->element->getElement('sb_time_end'); ?> <?php echo $this->element->getElement('sb_time_end'); ?>
<a id="sb_submit" class="btn btn-small" href="#" title="Display shows in the specified date and time range"> <a id="sb_submit" class="btn btn-small" href="#" title="Display shows in the specified date and time range">
<i class="icon-white icon-search"></i><?php echo " "._("Find Shows") ?> <i class="icon-white icon-search"></i><span><?php echo _("Find Shows") ?></span>
</a> </a>
<?php echo $this->element->getElement('sb_show_filter') ?> <?php echo $this->element->getElement('sb_show_filter') ?>

View file

@ -8,6 +8,7 @@
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
min-height: 300px;
border: 1px solid #202020; border: 1px solid #202020;
border-top: 1px solid #353535; border-top: 1px solid #353535;
@ -22,16 +23,18 @@
@media screen and (max-width: 1600px) { @media screen and (max-width: 1600px) {
#library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > span, #library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > span,
#show_builder button:not(.dropdown-toggle):not(.btn-new) > span { #show_builder button:not(.dropdown-toggle):not(.btn-new) > span,
#show_builder #sb_submit > span {
display: none; display: none;
} }
#library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > i, #library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > i,
#show_builder button:not(.dropdown-toggle):not(.btn-new) > i { #show_builder button:not(.dropdown-toggle):not(.btn-new) > i,
#show_builder #sb_submit > i {
margin-right: 0 !important; margin-right: 0 !important;
} }
} }
@media screen and (max-width: 1280px) { @media screen and (max-width: 1200px) {
.wrapper { .wrapper {
-webkit-flex-flow: column !important; -webkit-flex-flow: column !important;
flex-flow: column !important; flex-flow: column !important;

View file

@ -88,19 +88,16 @@ var AIRTIME = (function(AIRTIME) {
}); });
// TODO: once the new manual pages are added, change links! // TODO: once the new manual pages are added, change links!
$.getJSON( "ajax/library_placeholders.json", function( data ) { $.getJSON( "ajax/library_placeholders.json", function( data ) {
var opts = data[mediaType], var opts = data[mediaType];
wrapper = $('#library_display_wrapper').find('.dataTables_scrolling');
img.addClass("icon-white " + opts.icon); img.addClass("icon-white " + opts.icon);
$('#library_empty_text').html( $('#library_empty_text').html(
$.i18n._("You haven't added any " + opts.media + ".") $.i18n._("You haven't added any " + opts.media + ".")
+ "<br/>" + $.i18n._(opts.subtext) + "<br/>" + $.i18n._(opts.subtext)
+ "<br/><a target='_blank' href='" + opts.href + "'>" + $.i18n._("Learn about " + opts.media) + "</a>" + "<br/><a target='_blank' href='" + opts.href + "'>" + $.i18n._("Learn about " + opts.media) + "</a>"
); );
libEmpty.show(); libEmpty.show();
libEmpty.css('margin-left', (wrapper.width() / 2) - (libEmpty.width() / 2)); AIRTIME.library.onResize();
libEmpty.css('margin-top', (wrapper.height() / 2) - (libEmpty.height() / 2) - 19);
}); });
} else { } else {
libEmpty.hide(); libEmpty.hide();
@ -379,8 +376,8 @@ var AIRTIME = (function(AIRTIME) {
mod.onResize = function() { mod.onResize = function() {
var libEmpty = $('#library_empty'), wrapper = $('#library_display_wrapper').find('.dataTables_scrolling'); var libEmpty = $('#library_empty'), wrapper = $('#library_display_wrapper').find('.dataTables_scrolling');
libEmpty.css('margin-left', (wrapper.width() / 2) - (libEmpty.width() / 2)); libEmpty.css('left', wrapper.offset().left + (wrapper.width() / 2) - (libEmpty.width() / 2) - $(window).scrollLeft());
libEmpty.css('margin-top', (wrapper.height() / 2) - (libEmpty.height() / 2) - 19); libEmpty.css('top', wrapper.offset().top + (wrapper.height() / 2) - (libEmpty.height() / 2) + 19 - $(window).scrollTop());
}; };
return AIRTIME; return AIRTIME;
@ -388,3 +385,7 @@ var AIRTIME = (function(AIRTIME) {
}(AIRTIME || {})); }(AIRTIME || {}));
$(window).resize(AIRTIME.library.onResize); $(window).resize(AIRTIME.library.onResize);
$(window).scroll(AIRTIME.library.onResize);
$(document).ready(function() {
$('#content').scroll(AIRTIME.library.onResize);
});