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

a simple cover-photo implementation for redbasic default template

Browse Source
This commit is contained in:
Mario Vavti
2016-03-02 12:31:25 +01:00
parent 7808689198
commit c97cc1487c
6 changed files with 31 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
include/widgets.php
View File

@@ -993,7 +993,7 @@ function widget_cover_photo($arr) {
if(array_key_exists('style', $arr) && isset($arr['style']))
$style = $arr['style'];
else
$style = 'width:100%; padding-right: 10px; height: auto;';
$style = 'width:100%; height: auto;';
// ensure they can't sneak in an eval(js) function
@@ -1003,7 +1003,7 @@ function widget_cover_photo($arr) {
$c = get_cover_photo($channel_id,'html');
if($c) {
$o = '<div class="widget">' . (($style) ? str_replace('alt=',' style="' . $style . '" alt=',$c) : $c) . '</div>';
$o = '<div id="cover-photo">' . (($style) ? str_replace('alt=',' style="' . $style . '" alt=',$c) : $c) . '</div>';
}
return $o;
}

17
view/css/default.css
View File

@@ -12,29 +12,18 @@ main {
position: relative;
width: 100%;
height: 100%;
padding-top: 71px;
}
aside {
display: table-cell;
vertical-align: top;
padding: 80px 7px 0px 7px;
padding: 0px 7px 0px 7px;
}
section {
width: 100%;
display: table-cell;
vertical-align: top;
padding: 80px 7px 200px 7px;
}
@media screen and (max-width: 767px) {
section {
padding: 65px 7px 200px 7px;
}
aside#region_1 {
padding: 65px 7px 0px 7px;
}
padding: 0px 7px 200px 7px;
}

3
view/pdl/mod_channel.pdl
View File

@@ -1,3 +1,6 @@
[region=banner]
[widget=cover_photo][/widget]
[/region]
[region=aside]
[widget=fullprofile][/widget]
[widget=archive][var=wall]1[/var][/widget]

1
view/php/default.php
View File

@@ -6,6 +6,7 @@
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head>
<body>
<?php if(x($page,'banner')) echo $page['banner']; ?>
<header><?php if(x($page,'header')) echo $page['header']; ?></header>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<main>

1
view/theme/redbasic/css/style.css
View File

@@ -174,6 +174,7 @@ header #banner {
z-index: 1040;
margin-top: 14px;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
font-size: 14px;
font-family: tahoma, "Lucida Sans", sans;
color: $banner_colour;

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

@@ -2,6 +2,17 @@
* redbasic theme specific JavaScript
*/
$(document).ready(function() {
//Simple cover-photo implementation
if($('#cover-photo').length && $(window).width() > 767) {
$('.navbar-fixed-top').css('position', 'relative');
$('main').css('padding-top', 0 + 'px');
}
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) {
@@ -38,9 +49,7 @@ $(document).ready(function() {
$("input[data-role=cat-tagsinput]").tagsinput({
tagClass: 'label label-primary'
});
});
$(document).ready(function(){
var doctitle = document.title;
function checkNotify() {
var notifyUpdateElem = document.getElementById('notify-update');
@@ -53,3 +62,13 @@ $(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()) {
$('main').css('padding-top', 71 + 'px');
$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
$('.navbar-fixed-top').css('position', 'fixed');
$('#cover-photo').remove();
}
});