From aa33cacb62ef25cbab7c6ee1b253ed58072e6e44 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Wed, 15 Mar 2017 16:42:55 +0100
Subject: style hashtags, mentions and categories. hide expand-aside button if
 not needed. css and class fixes

---
 view/css/conversation.css          |  9 +--------
 view/css/mod_mail.css              |  4 ----
 view/theme/redbasic/css/style.css  |  5 ++---
 view/theme/redbasic/js/redbasic.js |  7 +++++++
 view/theme/redbasic/php/style.php  |  4 ++--
 view/tpl/common_tabs.tpl           |  4 ++--
 view/tpl/conv_item.tpl             | 17 ++++++++++-------
 view/tpl/item_categories.tpl       |  6 +++---
 8 files changed, 27 insertions(+), 29 deletions(-)

(limited to 'view')

diff --git a/view/css/conversation.css b/view/css/conversation.css
index 9f9c1fd42..b167e3961 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -90,10 +90,6 @@
 
 /* conv_item */
 
-.wall-item-head {
-	line-height: 1.2;
-}
-
 .wall-item-head-new {
 	border-top: 3px solid #0275d8;
 }
@@ -122,6 +118,7 @@ a.wall-item-name-link {
 	text-overflow: ellipsis;
 }
 
+.wall-item-ago,
 .wall-item-ago i {
 	font-size: 0.75rem;
 }
@@ -151,10 +148,6 @@ a.wall-item-name-link {
 	word-wrap: break-word;
 }
 
-.body-tags {
-	margin-top: 5px;
-}
-
 .item-tool {
 	cursor: pointer;
 }
diff --git a/view/css/mod_mail.css b/view/css/mod_mail.css
index 3ca75d0e4..6a98267f0 100644
--- a/view/css/mod_mail.css
+++ b/view/css/mod_mail.css
@@ -1,7 +1,3 @@
-.mail-conv-detail {
-	line-height: 1.2;
-}
-
 .mail-conv-sender {
 	float: left;
 	margin-right: 10px;
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index d81c8a75d..ba12bf3bd 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1292,7 +1292,7 @@ img.mail-conv-sender-photo {
 }
 
 .wall-item-footer {
-	font-size: $body_font_size;
+	font-size: 0.75rem;
 	margin-top: 2em;
 }
 
@@ -1367,8 +1367,7 @@ img.mail-conv-sender-photo {
 .mail-conv-body,
 .page-body,
 .chat-item-text,
-.chat-item-text-self,
-#doco-content {
+.chat-item-text-self {
 	font-size: $font_size;
 	clear: both;
 }
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 4686e93db..45d80186d 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -16,6 +16,8 @@ $(document).ready(function() {
 	}
 	$('#css3-calc').remove(); // Remove the test element
 
+
+
 	if($(window).width() > 767) {
 		$('#left_aside_wrapper').stick_in_parent({
 			offset_top: $('nav').outerHeight(true) + 10,
@@ -24,6 +26,11 @@ $(document).ready(function() {
 		});
 	}
 
+	if($('#region_1 .widget').length > 0)
+		$('#expand-aside').show();
+	else
+		$('#expand-aside').hide();
+
 	$('#expand-aside').on('click', toggleAside);
 
 	$('section').on('click', function() {
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index 6e8a43a47..08efcda4c 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -134,11 +134,11 @@ if (! $shadow)
 if (! $converse_width)
 	$converse_width = '790';
 if(! $top_photo)
-	$top_photo = '2.2rem';
+	$top_photo = '2.3rem';
 if(! $comment_indent)
 	$comment_indent = '0px';
 if(! $reply_photo)
-	$reply_photo = '2.2rem';
+	$reply_photo = '2.3rem';
 if($nav_min_opacity === false || $nav_min_opacity === '') {
 	$nav_float_min_opacity = 1.0;
 	$nav_percent_min_opacity = 100;
diff --git a/view/tpl/common_tabs.tpl b/view/tpl/common_tabs.tpl
index e78f54a3c..65a8b6a9e 100755
--- a/view/tpl/common_tabs.tpl
+++ b/view/tpl/common_tabs.tpl
@@ -5,8 +5,8 @@
 		{{/foreach}}
 	</ul>
 </div>
-<div class="hidden-md-up dropdown clearfix" style="position:fixed; right:7px; top:4.5rem; z-index:1020">
-	<button type="button" class="btn btn-outline-secondary btn-sm float-right" data-toggle="dropdown">
+<div class="hidden-md-up dropup clearfix" style="position:fixed; right:7px; bottom:2rem; z-index:1020">
+	<button type="button" class="btn btn-outline-success btn-sm float-right" data-toggle="dropdown">
 		<i class="fa fa-bars"></i>
 	</button>
 	<div class="dropdown-menu dropdown-menu-right">
diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl
index 8eb2cf754..6f42521ae 100755
--- a/view/tpl/conv_item.tpl
+++ b/view/tpl/conv_item.tpl
@@ -19,14 +19,14 @@
 				</div>
 				{{/if}}
 				{{if $item.title && !$item.event}}
-				<div class="p-2{{if $item.is_new}} bg-primary text-white{{/if}} wall-item-title h3{{if !$item.photo}} rounded-top{{/if}}" id="wall-item-title-{{$item.id}}" title="{{$item.title}}">
+				<div class="p-2{{if $item.is_new}} bg-primary text-white{{/if}} wall-item-title h3{{if !$item.photo}} rounded-top{{/if}}" id="wall-item-title-{{$item.id}}">
 					{{if $item.title_tosource}}{{if $item.plink}}<a href="{{$item.plink.href}}" title="{{$item.title}} ({{$item.plink.title}})">{{/if}}{{/if}}{{$item.title}}{{if $item.title_tosource}}{{if $item.plink}}</a>{{/if}}{{/if}}
 				</div>
 				{{if ! $item.is_new}}
 				<hr class="m-0">
 				{{/if}}
 				{{/if}}
-				<div class="p-2 wall-item-head{{if $item.is_new && !$item.title && !$item.event && !$item.is_comment}} wall-item-head-new rounded-top{{/if}}">
+				<div class="p-2 wall-item-head{{if $item.is_new && !$item.title && !$item.event && !$item.is_comment}} wall-item-head-new rounded-top{{/if}} clearfix">
 					<div class="wall-item-info" id="wall-item-info-{{$item.id}}" >
 						<div class="wall-item-photo-wrapper{{if $item.owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$item.id}}">
 							<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-photo-link u-url" id="wall-item-photo-link-{{$item.id}}"><img src="{{$item.thumb}}" class="wall-item-photo{{$item.sparkle}} u-photo p-name" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" /></a>
@@ -45,19 +45,22 @@
 					<div class="wall-item-ago"  id="wall-item-ago-{{$item.id}}">
 						{{if $item.verified}}<i class="fa fa-check item-verified" title="{{$item.verified}}"></i>&nbsp;{{elseif $item.forged}}<i class="fa fa-exclamation item-forged" title="{{$item.forged}}"></i>&nbsp;{{/if}}{{if $item.location}}<span class="wall-item-location p-location" id="wall-item-location-{{$item.id}}">{{$item.location}},&nbsp;</span>{{/if}}<span class="autotime" title="{{$item.isotime}}"><time class="dt-published" datetime="{{$item.isotime}}">{{$item.localtime}}</time>{{if $item.editedtime}}&nbsp;{{$item.editedtime}}{{/if}}{{if $item.expiretime}}&nbsp;{{$item.expiretime}}{{/if}}</span>{{if $item.editedtime}}&nbsp;<i class="fa fa-pencil"></i>{{/if}}&nbsp;{{if $item.app}}<span class="item.app">{{$item.str_app}}</span>{{/if}}
 					</div>
-					<div class="clear"></div>
 				</div>
 
 				{{if $item.body}}
-				<div class="p-2 wall-item-content" id="wall-item-content-{{$item.id}}">
+				<div class="p-2 wall-item-content clearfix" id="wall-item-content-{{$item.id}}">
 					<div class="wall-item-body e-content" id="wall-item-body-{{$item.id}}" >
 						{{$item.body}}
 					</div>
-					<div class="clear"></div>
 				</div>
 				{{/if}}
 				{{if $item.has_tags}}
-				<div class="p-2 wall-item-tools">
+				<div class="p-2 wall-item-tools clearfix">
+
+					<div class="body-tags">
+						<span class="tag">{{$item.mentions}}{{$item.tags}}{{$item.categories}}</span>
+					</div>
+				{{**
 					{{if $item.mentions}}
 					<div class="body-tags" id="item-mentions">
 						<span class="tag">{{$item.mentions}}</span>
@@ -73,12 +76,12 @@
 						<span class="tag p-category">{{$item.categories}}</span>
 					</div>
 					{{/if}}
+				**}}
 					{{if $item.folders}}
 					<div class="body-tags" id="item-folders">
 						<span class="tag">{{$item.folders}}</span>
 					</div>
 					{{/if}}
-					<div class="clear"></div>
 				</div>
 				{{/if}}
 				<div class="p-2 clearfix wall-item-tools">
diff --git a/view/tpl/item_categories.tpl b/view/tpl/item_categories.tpl
index 9ff291747..e1b183c0d 100644
--- a/view/tpl/item_categories.tpl
+++ b/view/tpl/item_categories.tpl
@@ -1,8 +1,8 @@
 {{if $categories}}
-<div class="categorytags">
+<!--div class="categorytags"-->
 {{foreach $categories as $cat}}
-<span class="item-category"><i class="fa fa-asterisk cat-icons"></i>{{if $cat.url}}<a href="{{$cat.url}}">{{$cat.term}}</a>{{else}}{{$cat.term}}{{/if}}</span>
+<span class="item-category badge badge-pill badge-warning"><i class="fa fa-asterisk"></i>&nbsp;{{if $cat.url}}<a class="text-white" href="{{$cat.url}}">{{$cat.term}}</a>{{else}}{{$cat.term}}{{/if}}</span>
 {{/foreach}}
-</div>
+<!--/div-->
 {{/if}}
 
-- 
cgit v1.2.3