To allow scrolling in Safari mobile, we set the content of text_view_comments frame in a jQuery UI layout.
So the automated scrolling operations in c_sync.js must be adjustable to the right part to scroll.
Also, if a comment have to be shown outside of the current viewport, we scroll the correct part to that viewport
and then set the comment top Y offset to juste what it needs to avoid the "Add comment" button after scrolling
operation.
If not in Safari mobile, we add an offset here to avoid comment to display under the "Add comment" button.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
{% block title %}{% endblock %} - {{ CONF.workspace_name }}
</title>
<meta name="robots" content="index,follow" />
<meta http-equiv="content-language" content="{{ LANGUAGE_CODE }}" />
<meta name="description" content="{{ CONF.workspace_name }}" />
<script type="text/javascript" src="{% url django.views.i18n.javascript_catalog %}"></script>
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/fonts.css">
{% include "site/layout/req_jquery.html" %}
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/layout/base.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery.sparkline/jquery.sparkline.min-2.1.2.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/tipsy/src/javascripts/jquery.tipsy.js"></script>
<link type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/tipsy/src/stylesheets/tipsy.css" rel="stylesheet" />
<script type="text/javascript">
<!--
$(function() {
$('.tip').tipsy();
}) ;
-->
</script>
<script type="text/javascript">
<!--
var tb_conf = {};
-->
</script>
{% block head_base %}
{% endblock %}
{% block head %}
{% endblock %}
{% include "site/layout/req_yui.html" %}
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/base.css" />
<link rel="shortcut icon" href="{{ CM_MEDIA_PREFIX }}favicon.ico" />
{% include "site/macros/timezone.html" %}
</head>
<body class="yui-base">
<div id="header">
<div class="wrapper">
{% block breadcrumbs %}{% endblock %}
{% include "site/layout/header.html" %}
</div>
</div>
{% include "site/layout/message.html" %}
<div class="wrapper">
<div id="content">
{% block content %}
{% endblock %}
</div>
<div id="footer">
{% include "site/layout/footer.html" %}
</div>
</div>
{% include "site/tracking.html" %}
</body>
</html>