[LON-CAPA-cvs] cvs: loncom /interface portfolio.pm

[raeburn]

raeburn		Sat Apr 18 02:01:53 2026 EDT

  Modified files:              
    /loncom/interface	portfolio.pm 
  Log:
  - WCAG 2.2 compliance -- satisfy minimum spacing between touch targets.
  
  
Index: loncom/interface/portfolio.pm
diff -u loncom/interface/portfolio.pm:1.276 loncom/interface/portfolio.pm:1.277
--- loncom/interface/portfolio.pm:1.276	Fri Dec 19 21:43:16 2025
+++ loncom/interface/portfolio.pm	Sat Apr 18 02:01:53 2026
@@ -1,7 +1,7 @@
 # The LearningOnline Network
 # portfolio browser
 #
-# $Id: portfolio.pm,v 1.276 2025/12/19 21:43:16 raeburn Exp $
+# $Id: portfolio.pm,v 1.277 2026/04/18 02:01:53 raeburn Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -105,12 +105,14 @@
         if (!&suppress_embed_prompt()) {
             $parse_check = <<"END";
         <br />
+        <div class="LC_minheight">
         <span class="LC_nobreak">
          <label>
           <input type="checkbox" name="parserflag" checked="checked" />
           $lt{'parse'}
          </label>
         </span>
+        </div>
 END
         }
 
@@ -185,12 +187,13 @@
     $r->print('</span>');
     $r->print(&Apache::loncommon::help_open_topic('Portfolio ChangeDirectory'));
     &Apache::lonhtmlcommon::store_recent($namespace,$current_path,$current_path);
-    $r->print('<br /><form method="post" action="'.$url.'?mode='.$env{"form.mode"}.'&fieldname='.$env{"form.fieldname"}.'&symb='.$env{'form.symb'}.&group_args());
+    $r->print('<br /><div class="LC_minimum_height">'.
+              '<form method="post" action="'.$url.'?mode='.$env{"form.mode"}.'&fieldname='.$env{"form.fieldname"}.'&symb='.$env{'form.symb'}.&group_args());
     $r->print('">'.
 	      &Apache::lonhtmlcommon::select_recent($namespace,'currentpath',
                                                     'this.form.submit();',
                                                     &mt('Select recently visited directory')));
-    $r->print("</form>");
+    $r->print("</form></div>");
 }
 
 sub display_portfolio_usage {
@@ -483,7 +486,7 @@
                             $line .= '<td>';
                         }
                         if ($can_delete) {
-                            $line .= '<input type="checkbox" name="selectfile" value="'.$filename.'" aria-label="'.&mt('Select file for deletion').'" />';
+                            $line .= '<input type="checkbox" name="selectfile" value="'.$filename.'" aria-label="'.&mt('Select file for deletion').'" /> ';
                         }
                         if ($can_modify) {
                             my $cat='<img class="LC_icon" alt="'.&mt('Metadata').'" title="'.&mt('Set/view metadata').'" src="'.&Apache::loncommon::lonhttpdurl('/res/adm/pages/catalog.png').'" />';
@@ -1852,15 +1855,15 @@
             $checkstate = 'checked="checked"';
         }
         $output .= '<input type="checkbox" name="activate" value="'.$num.'" '.
-                   $checkstate.'  />'.
-        &mt('Activate');
+                   $checkstate.' />'.&mt('Activate').'</label></span>';
     } else {
         $output .= '<input type="checkbox" name="delete" value="'.$num.
-                   '" />'.&mt('Delete').'</label></span><br /><span class="LC_nobreak">'.
+                   '" />'.&mt('Delete').'</label></span><br />'.
+                   '<div style="margin: 4px 0 0 0; padding: 0"><span class="LC_nobreak">'.
                    '<label><input type="checkbox" name="update" value="'.
-                   $num.'" />'.&mt('Update');
+                   $num.'" />'.&mt('Update').'</label></span></div>';
     }
-    $output .= '</label></span><input type="hidden" name="scope_'.$num.'" value="'.$scope.'" /></fieldset>';
+    $output .= '<input type="hidden" name="scope_'.$num.'" value="'.$scope.'" /></fieldset>';
     return $output;
 }
                                                                                    
@@ -1880,7 +1883,9 @@
                                 $num.'" '.$noend.' />'.&mt('No end date').
                                 '</label></span>';
                                                                                    
-    my $output = &mt('Start: ').$startdate.'<br />'.&mt('End: ').$enddate;
+    my $output = &mt('Start: ').$startdate.'<br />'.
+                 '<div style="margin: 4px 0 0 0; padding: 0;">'.
+                 &mt('End: ').$enddate.'</div>';
     return $output;
 }