diff options
| author | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2011-03-03 13:51:36 +0100 |
|---|---|---|
| committer | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2011-03-03 13:51:36 +0100 |
| commit | 9e0b38895913af6513e975bca17ad828fedd1bf4 (patch) | |
| tree | 743088ba7b22eb7c3b5a09c265ad7a1c821362d7 /templates/template-index.tmpl | |
| parent | d769c3b82b245217703d243b3e83e7d8cb51af1f (diff) | |
| download | cataract-9e0b38895913af6513e975bca17ad828fedd1bf4.tar.xz | |
design: Position reference anchors in negative space
This will hopefully fix all known scrolling issues as we got rid of
the master content scrolling div. Needs to be tested thoroughly on
touchscreen browsers.
Also, paging by the Space key works now once page is rendered.
Diffstat (limited to 'templates/template-index.tmpl')
| -rw-r--r-- | templates/template-index.tmpl | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/templates/template-index.tmpl b/templates/template-index.tmpl index 6c91b76..01de113 100644 --- a/templates/template-index.tmpl +++ b/templates/template-index.tmpl @@ -35,7 +35,8 @@ <div class="index_thumbs"> <!-- $(BEGIN_IMG_LIST) --> <!-- $(BEGIN_IMG_LIST_LANDSCAPE) --> - <div class="index_item" id="$(IMG_LIST_ID)"> + <div class="index_item"> + <div class="position_marker" id="$(IMG_LIST_ID)"></div> <a href="$(ALBUM_SUBPATH)"> <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="" /> <span class="album_text"><!-- $(IMG_TITLE) --></span><br /> @@ -45,7 +46,8 @@ </div> <!-- $(END_IMG_LIST_LANDSCAPE) --> <!-- $(BEGIN_IMG_LIST_PORTRAIT) --> - <div class="index_item" id="$(IMG_LIST_ID)"> + <div class="index_item"> + <div class="position_marker" id="$(IMG_LIST_ID)"></div> <a href="$(ALBUM_SUBPATH)"> <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="" /> <span class="album_text_portrait"><!-- $(IMG_TITLE) --></span><br /> @@ -55,7 +57,8 @@ </div> <!-- $(END_IMG_LIST_PORTRAIT) --> <!-- $(BEGIN_IMG_LIST_SQUARED) --> - <div class="index_item" id="$(IMG_LIST_ID)"> + <div class="index_item"> + <div class="position_marker" id="$(IMG_LIST_ID)"></div> <a href="$(ALBUM_SUBPATH)"> <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="" /> <span class="album_text_squared"><!-- $(IMG_TITLE) --></span><br /> |