CSS tweaks
This commit is contained in:
parent
4e0f3ddd99
commit
f396bb4390
3 changed files with 15 additions and 11 deletions
|
@ -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') ?>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
|
});
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue