harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move cover-photo to template, add the ability to define a title and subtitle (defaults to channel name and addres), move js from redbasic.js to template.

Browse Source
This commit is contained in:
Mario Vavti
2016-03-03 12:07:58 +01:00
parent d3f2d2a2db
commit 59e04aed1b
4 changed files with 98 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
view/css/widgets.css
View File

@@ -122,3 +122,30 @@ li:hover .group-edit-icon {
#event-upload-choose {
width: 100%;
}
/* cover photo */
#cover-photo {
position: relative;
width: 100%;
height: auto;
}
#cover-photo-caption {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 15px;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 3px rgba(0,0,0,.7);
}
.cover-photo-title {
font-size: 30px;
}
.cover-photo-subtitle {
font-size: 20px;
}

24
view/theme/redbasic/js/redbasic.js
View File

@@ -3,16 +3,6 @@
*/
$(document).ready(function() {
//Simple cover-photo implementation
if($('#cover-photo').length && $(window).width() > 767) {
$('.navbar-fixed-top').css('position', 'relative');
$('aside, section').css('padding-top', 0 + 'px');
$('main').css('opacity', 0);
}
else {
$('#cover-photo').remove();
}
// CSS3 calc() fallback (for unsupported browsers)
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
if( $('#css3-calc').width() == 10) {
@@ -62,17 +52,3 @@ $(document).ready(function() {
}
setInterval(function () {checkNotify();}, 10 * 1000);
});
//Simple cover-photo implementation
$(window).scroll(function () {
if($('#cover-photo').length && $(window).width() > 767 && $(window).scrollTop() >= $('#cover-photo').height()) {
$('aside, section').css('padding-top', 71 + 'px');
$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
$('.navbar-fixed-top').css('position', 'fixed');
$('#cover-photo').remove();
}
if($('#cover-photo').length) {
$('main').css('opacity', ($(window).scrollTop()/$('#cover-photo').height()).toFixed(1));
}
});

49
view/tpl/cover_photo_widget.tpl Executable file
View File

@@ -0,0 +1,49 @@
<script>
$(document).ready(function() {
if($('#cover-photo').length && $(window).width() > 755) {
$('.navbar-fixed-top').css('position', 'relative');
$('aside, section').css('padding-top', 0 + 'px');
$('main').css('opacity', 0);
$('header').hide();
}
else {
$('#cover-photo').remove();
}
});
$(window).scroll(function () {
if($('#cover-photo').length && $(window).width() > 755 && $(window).scrollTop() >= $('#cover-photo').height()) {
$('header').fadeIn();
$('main').css('opacity', 1);
$('aside, section').css('padding-top', 71 + 'px');
$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
$('.navbar-fixed-top').css('position', 'fixed');
$('#cover-photo').remove();
}
if($('#cover-photo').length) {
$('main').css('opacity', ($(window).scrollTop()/$('#cover-photo').height()).toFixed(1));
}
});
$(window).resize(function () {
if($('#cover-photo').length && $(window).width() < 755) {
$('main').css('opacity', 1);
$('aside, section').css('padding-top', 71 + 'px');
$('.navbar-fixed-top').css('position', 'fixed');
$('#cover-photo').remove();
}
});
</script>
<div id="cover-photo">
{{$photo_html}}
<div id="cover-photo-caption">
<div class="cover-photo-title">
{{$title}}
</div>
<div class="cover-photo-subtitle">
{{$subtitle}}
</div>
</div>
</div>