ussr/ussr-hubzilla-themes
2
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

hubzila6

Browse Source
This commit is contained in:
ivan
2021-07-13 23:13:31 +03:00
parent 6de3581699
commit b85a62d01b
48 changed files with 1702 additions and 1160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1427
ussrbasic/css/style.css
View File

File diff suppressed because it is too large Load Diff

161
ussrbasic/js/ussrbasic.js
View File

@@ -11,44 +11,21 @@ $(document).ready(function() {
if($(window).width() < 992) {
$('main').css('width', $(window).width() + $('aside').outerWidth() );
} else {
$('main').css('width', '100%' );
$('main').css('width', '100%');
}
});
}
$('#css3-calc').remove(); // Remove the test element
if($(window).width() >= 992) {
$('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({
offset_top: parseInt($('aside').css('padding-top')),
parent: 'main',
spacer: '.aside_spacer'
});
}
stickyScroll('.aside_spacer_left', '.aside_spacer_top_left', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_1')).getPropertyValue('padding-top')), 0);
stickyScroll('.aside_spacer_right', '.aside_spacer_top_right', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_3')).getPropertyValue('padding-top')), 20);
$('#expand-aside').on('click', toggleAside);
$('section').on('click', function() {
$('#expand-aside').on('click', function() {
if($('main').hasClass('region_1-on')){
toggleAside();
toggleAside('left');
}
});
var left_aside_height = $('#left_aside_wrapper').height();
$('#left_aside_wrapper').on('click', function() {
if(left_aside_height != $('#left_aside_wrapper').height()) {
$(document.body).trigger("sticky_kit:recalc");
left_aside_height = $('#left_aside_wrapper').height();
}
});
var right_aside_height = $('#right_aside_wrapper').height();
$('#right_aside_wrapper').on('click', function() {
if(right_aside_height != $('#right_aside_wrapper').height()) {
$(document.body).trigger("sticky_kit:recalc");
right_aside_height = $('#right_aside_wrapper').height();
else {
toggleAside('right');
}
});
@@ -84,7 +61,7 @@ $(document).ready(function() {
var doctitle = document.title;
function checkNotify() {
var notifyUpdateElem = document.getElementById('notify-update');
if(notifyUpdateElem !== null) {
if(notifyUpdateElem !== null) {
if(notifyUpdateElem.innerHTML !== "")
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
else
@@ -92,8 +69,103 @@ $(document).ready(function() {
}
}
setInterval(function () {checkNotify();}, 10 * 1000);
var touch_start = null;
var touch_max = window.innerWidth / 10;
window.addEventListener('touchstart', function(e) {
if (e.touches.length === 1){
//just one finger touched
touch_start = e.touches.item(0).clientX;
if (touch_start < touch_max) {
$('html, body').css('overflow-y', 'hidden');
}
}
else {
//a second finger hit the screen, abort the touch
touch_start = null;
}
});
window.addEventListener('touchend', function(e) {
$('html, body').css('overflow-y', '');
let touch_offset = 30; //at least 30px are a swipe
if (touch_start) {
//the only finger that hit the screen left it
let touch_end = e.changedTouches.item(0).clientX;
if (touch_end > (touch_start + touch_offset)) {
//a left -> right swipe
if (touch_start < touch_max) {
toggleAside('right');
}
}
if (touch_end < (touch_start - touch_offset)) {
//a right -> left swipe
//toggleAside('left');
}
}
});
$(document).on('hz:hqControlsClickAction', function(e) {
toggleAside('left');
});
});
function setStyle(element, cssProperty) {
for (var property in cssProperty){
element.style[property] = cssProperty[property];
}
}
function stickyScroll(sticky, stickyTop, container, topOffset, bottomOffset) {
var lastScrollTop = 0;
var sticky = document.querySelector(sticky);
var stickyHeight = sticky.getBoundingClientRect().height;
var stickyTop = document.querySelector(stickyTop);
var content = document.querySelector(container);
var diff = window.innerHeight - stickyHeight;
var h = 0;
var lasth = 0;
var st = window.pageYOffset || document.documentElement.scrollTop;
var resizeObserver = new ResizeObserver(function(entries) {
stickyHeight = sticky.getBoundingClientRect().height;
st = window.pageYOffset || document.documentElement.scrollTop;
diff = window.innerHeight - stickyHeight;
});
resizeObserver.observe(sticky);
resizeObserver.observe(content);
window.addEventListener('scroll', function() {
if(window.innerHeight > stickyHeight + topOffset) {
setStyle(stickyTop, { height: 0 + 'px' });
setStyle(sticky, { position: 'sticky', top: topOffset + 'px'});
}
else {
st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
if (st > lastScrollTop){
// downscroll code
setStyle(stickyTop, { height: lasth + 'px' });
setStyle(sticky, { position: 'sticky', top: Math.round(diff) - bottomOffset + 'px', bottom: '' });
} else {
// upscroll code
h = sticky.getBoundingClientRect().top - content.getBoundingClientRect().top - topOffset;
if(Math.round(stickyTop.getBoundingClientRect().height) === lasth) {
setStyle(stickyTop, { height: Math.round(h) + 'px' });
}
lasth = Math.round(h);
setStyle(sticky, { position: 'sticky', top: '', bottom: Math.round(diff - topOffset) + 'px' });
}
lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}
}, false);
}
function makeFullScreen(full) {
if(typeof full=='undefined' || full == true) {
$('main').addClass('fullscreen');
@@ -104,26 +176,21 @@ function makeFullScreen(full) {
$('main').removeClass('fullscreen');
$('header, nav, aside, #fullscreen-btn').show();
$('#inline-btn').hide();
$(document.body).trigger("sticky_kit:recalc");
}
}
function toggleAside() {
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
if($('main').hasClass('region_1-on')){
$('html, body').css('overflow-x', '');
$('main').removeClass('region_1-on')
function toggleAside(swipe) {
if ($('main').hasClass('region_1-on') && swipe === 'left') {
$('#expand-aside-icon').addClass('fa-arrow-circle-right').removeClass('fa-arrow-circle-left');
$('html, body').css({ 'position': '', left: '' });
$('main').removeClass('region_1-on');
$('#overlay').remove();
$('#left_aside_wrapper').trigger("sticky_kit:detach");
}
else {
$('html, body').css('overflow-x', 'hidden');
$('main').addClass('region_1-on')
$('<div id="overlay"></div>').appendTo('section');
$('#left_aside_wrapper').stick_in_parent({
offset_top: $('nav').outerHeight(true) + 10,
parent: '#region_1',
spacer: '#left_aside_spacer'
});
if (!$('main').hasClass('region_1-on') && swipe === 'right') {
$('#expand-aside-icon').removeClass('fa-arrow-circle-right').addClass('fa-arrow-circle-left');
$('html, body').css({ 'position': 'sticky', 'left': '0px'});
$('main').addClass('region_1-on');
$('<div id="overlay"></div>').appendTo('body').one('click', function() { toggleAside('left'); });
}
}

13
ussrbasic/php/style.php
View File

@@ -120,10 +120,10 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
$x .= $schemecss;
}
$aside_width = 288;
$left_aside_width = 288;
$right_aside_width = 288;
// left aside and right aside are 285px + converse width
$main_width = (($aside_width * 2) + intval($converse_width));
$main_width = $left_aside_width + $right_aside_width + intval($converse_width);
// prevent main_width smaller than 768px
$main_width = (($main_width < 768) ? 768 : $main_width);
@@ -150,7 +150,8 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
'$pmenu_top' => $pmenu_top,
'$pmenu_reply' => $pmenu_reply,
'$main_width' => $main_width,
'$aside_width' => $aside_width
'$left_aside_width' => $left_aside_width,
'$right_aside_width' => $right_aside_width
);
echo str_replace(array_keys($options), array_values($options), $x);
@@ -159,5 +160,5 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
// if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasic')
// set_pconfig(local_channel(), 'ussrbasic', 'schema', '---');
if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasic')
set_pconfig(local_channel(), 'ussrbasic', 'schema', '---');

10
ussrbasic/php/theme.php
View File

@@ -2,15 +2,13 @@
/**
* * Name: Ussrbasic
* * Description: ussr.win default 3 column theme
* * Version: 4.4.2
* * MinVersion: 3.8
* * MaxVersion: 6.0
* * Description: ussr.win 3 column based on Hubzilla standard theme
* * Version: 2.1
* * MinVersion: 5.9
* * MaxVersion: 7.0
* * Author: Fabrixxm
*/
function ussrbasic_init(&$a) {
App::$theme_info['extends'] = 'redbasic';
}

2
ussrbasic/php/theme_init.php
View File

@@ -13,5 +13,3 @@ head_add_js('/library/bootbox/bootbox.min.js');
head_add_js('/library/bootstrap-tagsinput/bootstrap-tagsinput.js');
head_add_js('/library/datetimepicker/jquery.datetimepicker.js');
head_add_js('/library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');

3
ussrbasic/schema/Focus-Light.php
View File

@@ -3,10 +3,11 @@
if (! $nav_bg)
$nav_bg = "#f8f9fa";
if (! $nav_icon_colour)
$nav_icon_colour = "rgba(0, 0, 0, 0.5);";
$nav_icon_colour = "rgba(0, 0, 0, 0.5)";
if (! $nav_active_icon_colour)
$nav_active_icon_colour = "rgba(0, 0, 0, 0.7)";
if (! $radius)
$radius = "4px";
if (! $banner_colour)
$banner_colour = "rgba(0, 0, 0, 0.7)";

11
ussrbasic/schema/GreenGrey-Nolikes.css
View File

@@ -324,4 +324,13 @@ blockquote {
.table {
color: #dddccc;
}
}
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}

11
ussrbasic/schema/GreenGrey-Nominus-Nolikes.css
View File

@@ -333,4 +333,13 @@ blockquote {
.table {
color: #dddccc;
}
}
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}

11
ussrbasic/schema/GreenGrey-Nominus.css
View File

@@ -325,4 +325,13 @@ blockquote {
.table {
color: #dddccc;
}
}
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}

11
ussrbasic/schema/GreenGrey.css
View File

@@ -319,4 +319,13 @@ blockquote {
.table {
color: #dddccc;
}
}
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}

26
ussrbasic/schema/dark.css
View File

@@ -322,9 +322,6 @@ a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link {
.text-dark {
color: #aaa !important;
}
a.text-dark:focus, a.text-dark:hover {
color: #ddd !important;
}
.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active {
color: #fff !important;
@@ -480,3 +477,26 @@ pre {
.widget-nav-pills-checkbox:hover + a {
background-color: #222;
}
/* category badge fix: */
a.text-dark:focus, a.text-dark:hover {
color: #ddd !important;
}
.badge-warning {
/* background-color: #ffc927; */
}
.badge-warning a.text-dark {
color: #333 !important;
}
.badge-warning a.text-dark:focus, .badge-warning a.text-dark:hover {
color: red !important;
text-decoration: none;
}
/* fix color for highlithed text */
span.default-highlight {
color: #333;
border-radius: 4px;
}

11
ussrbasic/schema/zlax.css
View File

@@ -345,4 +345,13 @@ blockquote {
.table {
color: #dddccc;
}
}
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}