redbasic - set pixel dimensions of conversation top author photo and reply author photos. Hint: if you set these to something like 64px and 32px respectively and reduce the main font-size to say 0.9em, young people won't complain as much about the "ugly dated UI". You see they're used to companies squeezing every pixel out of the screen (more room for advertising) and they don't yet have bad eyes so they can still read teeny stuff. Big fonts and pictures are for old folks that need glasses and make young people complain about the "dated" interface. It's a sure sign that you're going to find old folks here and not many young adults or teens. What's missing at the moment is that if you shrink these photos, the "item-photo-menu" arrow is no longer in the bottom corner of the picture, but might be outside the photo. Will have to see if there's a way to dynamically position this based on the size.

4 files changed, 23 insertions, 3 deletions

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 5fc68376b..f8216dd6d 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1005,10 +1005,13 @@ footer {
 
 .wall-item-photo {
 	border: none;
+	width: $top_photo !important;
+	height: $top_photo !important;
+
 }
 .comment .wall-item-photo {
-	width: 50px !important; 
-	height: 50px !important;
+	width: $reply_photo !important; 
+	height: $reply_photo !important;
 }
 .wall-item-content {
 	margin-left: 10px;
diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php
index c549b5f59..44c3a2876 100644
--- a/view/theme/redbasic/php/config.php
+++ b/view/theme/redbasic/php/config.php
@@ -20,6 +20,8 @@ function theme_content(&$a) {
 	$arr['shadow'] = get_pconfig(local_user(),'redbasic', 'photo_shadow' );
 	$arr['converse_width']=get_pconfig(local_user(),"redbasic","converse_width");
 	$arr['nav_min_opacity']=get_pconfig(local_user(),"redbasic","nav_min_opacity");
+	$arr['top_photo']=get_pconfig(local_user(),"redbasic","top_photo");
+	$arr['reply_photo']=get_pconfig(local_user(),"redbasic","reply_photo");
 	$arr['sloppy_photos']=get_pconfig(local_user(),"redbasic","sloppy_photos");
 	return redbasic_form($a, $arr);
 }
@@ -43,6 +45,8 @@ function theme_post(&$a) {
 		set_pconfig(local_user(), 'redbasic', 'photo_shadow', $_POST['redbasic_shadow']);
 		set_pconfig(local_user(), 'redbasic', 'converse_width', $_POST['redbasic_converse_width']);
 		set_pconfig(local_user(), 'redbasic', 'nav_min_opacity', $_POST['redbasic_nav_min_opacity']);
+		set_pconfig(local_user(), 'redbasic', 'top_photo', $_POST['redbasic_top_photo']);
+		set_pconfig(local_user(), 'redbasic', 'reply_photo', $_POST['redbasic_reply_photo']);
 		set_pconfig(local_user(), 'redbasic', 'sloppy_photos', $_POST['redbasic_sloppy_photos']);
 	}
 }
@@ -95,6 +99,8 @@ if(feature_enabled(local_user(),'expert'))
 		'$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']),
 		'$converse_width' => array('redbasic_converse_width',t('Set maximum width of conversation regions'),$arr['converse_width']),
 		'$nav_min_opacity' => array('redbasic_nav_min_opacity',t('Set minimum opacity of nav bar - to hide it'),$arr['nav_min_opacity']),
+		'$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
+		'$reply_photo' => array('redbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
 		'$sloppy_photos' => array('redbasic_sloppy_photos',t('Sloppy photo albums'),$arr['sloppy_photos'],t('Are you a clean desk or a messy desk person?')),
 		));
 
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index 7b12385b1..36918874b 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -27,6 +27,8 @@
 	    $converse_width=get_pconfig($uid,"redbasic","converse_width");
 		$nav_min_opacity=get_pconfig($uid,'redbasic','nav_min_opacity');
 		$sloppy_photos=get_pconfig($uid,'redbasic','sloppy_photos');
+		$top_photo=get_pconfig($uid,'redbasic','top_photo');
+		$reply_photo=get_pconfig($uid,'redbasic','reply_photo');
 
 // Now load the scheme.  If a value is changed above, we'll keep the settings
 // If not, we'll keep those defined by the schema
@@ -86,6 +88,11 @@
 		$active_colour = '#FFFFFF';
     if (! $converse_width)
     	$converse_width="1024px";
+	if(! $top_photo)
+		$top_photo = '80px';
+	if(! $reply_photo)
+		$reply_photo = '50px';
+
 	if($nav_min_opacity === false || $nav_min_opacity === '') {
 		$nav_float_min_opacity = 1.0;
 		$nav_percent_min_opacity = 100;
@@ -143,7 +150,9 @@ $options = array (
 '$active_colour' => $active_colour,
 '$converse_width' => $converse_width,
 '$nav_float_min_opacity' => $nav_float_min_opacity,
-'$nav_percent_min_opacity' => $nav_percent_min_opacity
+'$nav_percent_min_opacity' => $nav_percent_min_opacity,
+'$top_photo' => $top_photo,
+'$reply_photo' => $reply_photo
 );
 
 echo str_replace(array_keys($options), array_values($options), $x);    
diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl
index e9f805ac3..4572422bf 100644
--- a/view/theme/redbasic/tpl/theme_settings.tpl
+++ b/view/theme/redbasic/tpl/theme_settings.tpl
@@ -18,6 +18,8 @@
 {{include file="field_input.tpl" field=$shadow}}
 {{include file="field_input.tpl" field=$converse_width}}
 {{include file="field_input.tpl" field=$nav_min_opacity}}
+{{include file="field_input.tpl" field=$top_photo}}
+{{include file="field_input.tpl" field=$reply_photo}}
 {{include file="field_checkbox.tpl" field=$sloppy_photos}}
 <div class="settings-submit-wrapper">
 	<input type="submit" value="{{$submit}}" class="settings-submit" name="redbasic-settings-submit" />