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.

This commit is contained in:
friendica 2013-11-15 01:11:03 -08:00
parent f9a622c44e
commit eb3a563410
6 changed files with 606 additions and 536 deletions

File diff suppressed because it is too large Load diff

View file

@ -1 +1 @@
2013-11-14.497
2013-11-15.498

View file

@ -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;

View file

@ -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?')),
));

View file

@ -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);

View file

@ -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" />