aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2016-03-02 12:31:25 +0100
committerMario Vavti <mario@mariovavti.com>2016-03-02 12:31:25 +0100
commitc97cc1487cbcac2c4fbc4d9e931a82df109af2e6 (patch)
tree8ec230a5becf307adebbafc95a6551f98b643f1b
parent7808689198601780041e022bf0698e559869f305 (diff)
downloadvolse-hubzilla-c97cc1487cbcac2c4fbc4d9e931a82df109af2e6.tar.gz
volse-hubzilla-c97cc1487cbcac2c4fbc4d9e931a82df109af2e6.tar.bz2
volse-hubzilla-c97cc1487cbcac2c4fbc4d9e931a82df109af2e6.zip
a simple cover-photo implementation for redbasic default template
-rw-r--r--include/widgets.php4
-rw-r--r--view/css/default.css17
-rw-r--r--view/pdl/mod_channel.pdl3
-rw-r--r--view/php/default.php1
-rw-r--r--view/theme/redbasic/css/style.css1
-rw-r--r--view/theme/redbasic/js/redbasic.js23
6 files changed, 31 insertions, 18 deletions
diff --git a/include/widgets.php b/include/widgets.php
index a995fdf1c..05b9eca1a 100644
--- a/include/widgets.php
+++ b/include/widgets.php
@@ -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;
}
diff --git a/view/css/default.css b/view/css/default.css
index bffecbb81..f6857ec83 100644
--- a/view/css/default.css
+++ b/view/css/default.css
@@ -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;
}
diff --git a/view/pdl/mod_channel.pdl b/view/pdl/mod_channel.pdl
index 6cbc0c0e4..98dc71915 100644
--- a/view/pdl/mod_channel.pdl
+++ b/view/pdl/mod_channel.pdl
@@ -1,3 +1,6 @@
+[region=banner]
+[widget=cover_photo][/widget]
+[/region]
[region=aside]
[widget=fullprofile][/widget]
[widget=archive][var=wall]1[/var][/widget]
diff --git a/view/php/default.php b/view/php/default.php
index 6a9cc5517..cf6b25d90 100644
--- a/view/php/default.php
+++ b/view/php/default.php
@@ -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>
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 2cf311baa..f365bec1a 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -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;
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 38dc4d209..7c5df0834 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -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();
+ }
+});