changeset 1157:0186f9c7d9e4

Move (and update) image pane shortcuts to a table. Simplify css styles for those tables.
author zas_
date Wed, 19 Nov 2008 20:53:53 +0000
parents 50ffcd7c3539
children 616fae3a801f
files doc/collections.html doc/image_presentation_fullscreen.html doc/image_search_finding_duplicates.html doc/image_search_search.html doc/main_window_image_pane.html doc/reference_keyboard_shortcuts.html doc/style.css
diffstat 7 files changed, 172 insertions(+), 64 deletions(-) [+]
line wrap: on
line diff
--- a/doc/collections.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/collections.html	Wed Nov 19 20:53:53 2008 +0000
@@ -63,7 +63,7 @@
 
   <p><b>Keyboard shortcuts</b> available in the collection window:</p>
 
-  <div class="collections-shortcuts">
+  <div class="shortcuts">
     <table width="80%" border="1" cellpadding="2" cellspacing="0">
       <col width="25%"></col>
       <col width="25%"></col>
--- a/doc/image_presentation_fullscreen.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/image_presentation_fullscreen.html	Wed Nov 19 20:53:53 2008 +0000
@@ -98,8 +98,8 @@
  
   <p>The usual image navigation controls are available when in full screen, these are the commands available:</p>
 
-  <div class="fullscreen-shortcuts">
-    <table width="80%" border="1" cellpadding="4" cellspacing="0" rules="rows">
+  <div class="shortcuts">
+    <table width="80%" border="1" cellpadding="4" cellspacing="0">
       <col id="fullscreen_shortcuts_col1" width="33%"></col>
       <col id="fullscreen_shortcuts_col2" width="33%"></col>
       <col id="fullscreen_shortcuts_col3" width="33%"></col>
@@ -136,7 +136,7 @@
       </tr>
  
       <tr>
-        <td colspan="3" class="fullscreen-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Image Navigation</strong></p>
         </td>
        </tr>
@@ -196,7 +196,7 @@
       </tr>
 
       <tr>
-        <td colspan="3" class="fullscreen-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Image panning</strong> (image has keyboard focus)</p>
         </td>
       </tr>
--- a/doc/image_search_finding_duplicates.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/image_search_finding_duplicates.html	Wed Nov 19 20:53:53 2008 +0000
@@ -101,7 +101,7 @@
 
   <p><b>Keyboard shortcuts</b> available in the results list:</p>
 
-  <div class="find-duplicates-shortcuts">
+  <div class="shortcuts">
     <table width="80%" border="1" cellpadding="2" cellspacing="0">
     <col id="find_duplicates_shortcuts_col1" width="25%"></col>
     <col id="find_duplicates_shortcuts_col2" width="25%"></col>
--- a/doc/image_search_search.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/image_search_search.html	Wed Nov 19 20:53:53 2008 +0000
@@ -118,7 +118,7 @@
 
   <p><b>Keyboard shortcuts</b> available in the results list:</p>
 
-  <div class="search-shortcuts">
+  <div class="shortcuts">
     <table width="80%" border="1" cellpadding="2" cellspacing="0">
     <col id="search_shortcuts_col1" width="25%"></col>
     <col id="search_shortcuts_col2" width="25%"></col>
--- a/doc/main_window_image_pane.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/main_window_image_pane.html	Wed Nov 19 20:53:53 2008 +0000
@@ -58,10 +58,151 @@
   <h3>Keyboard</h3>
   <p>Use the arrow keys to pan the image in the desired direction, to increase the panning speed hold down the Shift key while pressing an arrow key.<br />Press Control and an arrow key to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>
 
-  <p>To scale the image size, use the [+] or [=] key to zoom in and the [-] key to zoom out. The [X] or keypad [*] key will scale the image to fit the available display area, the [Z] or keypad [/] key will reset the zoom to original image size. There are also keys to select a preset zoom factor: [1] = 1:1, [2] = 2:1, [3] =3:1, [4] = 4:1, [7] = 1:4, [8] = 1:3, and [9] = 1:2.</p>
+  <div class="shortcuts">
+    <table width="80%" border="1" cellpadding="2" cellspacing="0">
+    <col id="image_pane_shortcuts_col1" width="25%"></col>
+    <col id="image_pane_shortcuts_col2" width="25%"></col>
+    <col id="image_pane_shortcuts_col3" width="50%"></col>
+
+    <thead>
+      <tr>
+        <td>
+          <p>Shortcut</p>
+        </td>
+
+        <td>
+          <p>Context menu name</p>
+        </td>
+
+        <td>
+          <p>Description</p>
+        </td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>
+          <p>+</p>
+	  <p>=</p>
+        </td>
+
+        <td>
+          <p>Zoom in</p>
+        </td>
+
+        <td>
+          <p>Zoom in.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>-</p>
+	</td>
+
+        <td>
+          <p>Zoom out</p>
+        </td>
+
+        <td>
+          <p>Zoom out.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>X</p>
+	  <p>[Keypad] *</p>
+	</td>
+
+        <td>
+          <p>Fit image to window</p>
+        </td>
+
+        <td>
+          <p>Scale the image to fit the available display area.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>Z</p>
+	  <p>[Keypad] /</p>
+	</td>
+
+        <td>
+          <p>Zoom 1:1</p>
+        </td>
 
-  <p>To rotate the image clockwise 90 degrees press the &ldquo;]&rdquo; key, to rotate counterclockwise 90 degrees press the &ldquo;[&ldquo; key. To rotate the image 180 degrees use [Shift] + [R], the image can also be flipped horizontally or vertically with the respective [Shift] + [M] (mirror) and [Shift] + [F] (flip) keys.</p>
+        <td>
+          <p>Reset the zoom to original image size.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>]</p>
+	</td>
+
+        <td>
+          <p>Adjust &gt; Rotate clockwise</p>
+        </td>
+
+        <td>
+          <p>Rotate the image clockwise 90 degrees.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>[</p>
+	</td>
+
+        <td>
+          <p>Adjust &gt; Rotate counterclockwise</p>
+        </td>
+
+        <td>
+          <p>Rotate the image counterclockwise 90 degrees.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>[Shift] + R</p>
+	</td>
 
+        <td>
+          <p>Adjust &gt; Rotate 180</p>
+        </td>
+
+        <td>
+          <p>Rotate the image 180 degrees.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>[Shift] + M</p>
+	</td>
+
+        <td>
+          <p>Adjust &gt; Mirror</p>
+        </td>
+
+        <td>
+          <p>Flip the image horizontally.</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <p>[Shift] + F</p>
+	</td>
+
+        <td>
+          <p>Adjust &gt; Flip</p>
+        </td>
+
+        <td>
+          <p>Flip the image vertically.</p>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  </div>
   <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p>
 
   <h3>Mouse</h3>
--- a/doc/reference_keyboard_shortcuts.html	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/reference_keyboard_shortcuts.html	Wed Nov 19 20:53:53 2008 +0000
@@ -41,7 +41,7 @@
 
   <h1>Keyboard Shortcuts</h1>
 
-  <div class="keyboard-shortcuts">
+  <div class="shortcuts">
     <table width="90%" border="1" cellpadding="2" cellspacing="0">
       <col id="keyboard_shortcuts_col1" width="33%"></col>
       <col id="keyboard_shortcuts_col2" width="33%"></col>
@@ -63,7 +63,7 @@
 
       <tbody>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Image Navigation</strong></p>
         </td>
       </tr>
@@ -110,7 +110,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Image panning</strong> (image has keyboard focus)</p>
         </td>
       </tr>
@@ -163,7 +163,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>File Menu</strong></p>
         </td>
        </tr>
@@ -286,7 +286,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Edit Menu</strong></p>
         </td>
       </tr>
@@ -381,7 +381,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>View Menu</strong></p>
         </td>
       </tr>
@@ -634,7 +634,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Help Menu</strong></p>
         </td>
       </tr>
@@ -648,7 +648,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Collection Window</strong></p>
         </td>
       </tr>
@@ -914,7 +914,7 @@
         </td>
       </tr>
       <tr>
-        <td colspan="3" class="keyboard-shortcuts-separator">
+        <td colspan="3" class="shortcuts-separator">
           <p><strong>Find Duplicates Window</strong> (same as Collection Window above, with the following additions)</p>
         </td>
       </tr>
--- a/doc/style.css	Wed Nov 19 17:42:36 2008 +0000
+++ b/doc/style.css	Wed Nov 19 20:53:53 2008 +0000
@@ -142,6 +142,7 @@
 	font-weight: bold;
 }
 
+/* note */
 p.note {
 	font-style: italic;
 }
@@ -149,6 +150,7 @@
 	font-weight: bold;
 }
 
+/* bottom page note */
 p.bottomnote {
 	margin-top: 5em;
 	font-style: italic;
@@ -177,26 +179,23 @@
 	border: 0;
 }
 
-/* collections.html */
-div.collections-shortcuts {
+/* shortcuts tables */
+div.shortcuts {
 	text-align: center;
 }
-.collections-shortcuts p {
+.shortcuts p {
 	margin: 0.1em;
 }
+td.shortcuts-separator {
+	background-color: white;
+	font-size: 95%;
+}
+.shortcuts td+td+td {
+	text-align: left;
+}
+
 
 /* image_presentation_fullscreen.html */
-div.fullscreen-shortcuts {
-	text-align: center;
-}
-.fullscreen-shortcuts p {
-	margin: 0.1em;
-}
-td.fullscreen-shortcuts-separator {
-	background-color: white;
-	font-size: 110%;
-}
-
 div.fullscreen-functions {
 	text-align: center;
 }
@@ -204,22 +203,6 @@
 	margin: 0.1em;
 }
 
-/* image_search_finding_duplicates.html */
-div.find-duplicates-shortcuts {
-	text-align: center;
-}
-.find-duplicates-shortcuts p {
-	margin: 0.1em;
-}
-
-/* image_search_search.html */
-div.search-shortcuts {
-	text-align: center;
-}
-.search-shortcuts p {
-	margin: 0.1em;
-}
-
 /* index.html */
 .menu ul {
 	font-size: 110%;
@@ -244,21 +227,6 @@
 	margin: 0.1em;
 }
 
-/* reference_keyboard_shortcuts.html */
-div.keyboard-shortcuts {
-	text-align: center;
-}
-.keyboard-shortcuts p {
-	margin: 0.1em;
-}
-td.keyboard-shortcuts-separator {
-	background-color: white;
-	font-size: 110%;
-}
-.keyboard-shortcuts td+td+td {
-	text-align: left;
-}
-
 /* reference_management.html */
 .file_locations_subtitle {
 	font-weight: bold;
@@ -268,4 +236,3 @@
 .file_locations p {
 	margin: 0.1em;
 }
-