aboutsummaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
authormistic100 <mistic@piwigo.org>2013-12-22 16:31:56 +0000
committermistic100 <mistic@piwigo.org>2013-12-22 16:31:56 +0000
commit77ec43f9f059f2fbb141cf6e4313dd6153808a6e (patch)
tree6711eb906cf227dd53d4f557e14c7524537b0d60 /themes
parentfd4b73efa3a4594c45cf8b06a287ddad3416ff4c (diff)
[elegant] fix comment form width change when scrolling caused by menubar size
git-svn-id: http://piwigo.org/svn/trunk@26086 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/elegant/scripts_pp.js35
-rw-r--r--themes/elegant/theme.css3
2 files changed, 20 insertions, 18 deletions
diff --git a/themes/elegant/scripts_pp.js b/themes/elegant/scripts_pp.js
index 62253d621..be2bbfe26 100644
--- a/themes/elegant/scripts_pp.js
+++ b/themes/elegant/scripts_pp.js
@@ -53,17 +53,18 @@
function commentsToggle() {
if (comments.hasClass("commentshidden")) {
- comments.removeClass("commentshidden").addClass("commentsshown");
- comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_on");;
- session_storage['comments'] = 'visible';
+ comments.removeClass("commentshidden").addClass("commentsshown");
+ comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_on");;
+ session_storage['comments'] = 'visible';
- comments_top_offset = comments_add.offset().top - parseFloat(comments_add.css('marginTop').replace(/auto/, 0));
- }
- else {
- comments.addClass("commentshidden").removeClass("commentsshown");
- comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_off");;
- session_storage['comments'] = 'hidden';
- }
+ comments_top_offset = comments_add.offset().top - parseFloat(comments_add.css('marginTop').replace(/auto/, 0));
+ }
+ else {
+ comments.addClass("commentshidden").removeClass("commentsshown");
+ comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_off");;
+ session_storage['comments'] = 'hidden';
+ comments_top_offset = 0;
+ }
}
jQuery(function(){
@@ -143,17 +144,19 @@
jQuery(window).scroll(function (event) {
if (comments_top_offset==0) return;
- // what the y position of the scroll is
var y = jQuery(this).scrollTop();
- // whether that's below the form
if (y >= comments_top_offset) {
- // if so, ad the fixed class
- comments_add.addClass('fixed');
+ comments_add.css({
+ 'position': 'absolute',
+ 'top': y-comments.offset().top+10
+ });
}
else {
- // otherwise remove it
- comments_add.removeClass('fixed');
+ comments_add.css({
+ 'position': 'static',
+ 'top': 0
+ });
}
});
diff --git a/themes/elegant/theme.css b/themes/elegant/theme.css
index 0c247e0a7..83f130deb 100644
--- a/themes/elegant/theme.css
+++ b/themes/elegant/theme.css
@@ -237,7 +237,7 @@ a:hover { border-bottom: none;}
/* image comments */
-#thePicturePage #comments { padding: 2px 5px;}
+#thePicturePage #comments { padding: 2px 5px; position:relative;}
#thePicturePage #comments h3 { margin: 10px 0;}
#thePicturePage #comments form { margin: 10px 0;}
#thePicturePage #comments fieldset { margin: 0 1em;}
@@ -255,7 +255,6 @@ a:hover { border-bottom: none;}
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
}
-#commentAdd.fixed { position: fixed; top: 10px; }
#pictureCommentList .commentsOrder { float: left; margin-bottom: 5px;}
#pictureCommentList .navigationBar { float: right; margin-bottom: 5px;}
#pictureComments h4 { margin: 0;}