fixes code view issue on chrome

rhodecode/public/css/pygments.css

@@ -1,123 +1,127 b''
 div.codeblock {
     overflow: auto;
     padding: 0px;
     border: 1px solid #ccc;
     background: #f8f8f8;
     font-size: 100%;
     line-height: 100%;
     /* new */
     line-height: 125%;
 }
 div.codeblock .code-header{
 	border-bottom: 1px solid #CCCCCC;
 	background: #EEEEEE;
 	padding:10px 0 10px 0;
 }
 div.codeblock .code-header .revision{
 	margin-left:25px;
 	font-weight: bold;
 }
 div.codeblock .code-header .commit{
 	margin-left:25px;
 	font-weight: normal;
 	white-space:pre;
 }
 
 div.codeblock .code-body table{
-    width: 0 !important;    
+    width: 0 !important;
+    border: 0px !important;
+}
+div.codeblock .code-body table td {
+	border: 0px !important;
 }
 div.code-body {
 	background-color: #FFFFFF;
 }
 div.code-body pre .match{
 	background-color: #FAFFA6;
 }
 div.code-body pre .break{
 	background-color: #DDE7EF;
 	width: 100%;
 	color: #747474;
 	display: block;
 	
 }
 div.annotatediv{
 	margin-left:2px;
 	margin-right:4px;
 }
 .code-highlight {
     padding: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-left: 2px solid #ccc;
 }
 .code-highlight pre, .linenodiv pre { 
 	padding: 5px;
     margin: 0;
 }
 .code-highlight pre div:target { 
     background-color: #FFFFBE !important;
 }
     
 .linenos a { text-decoration: none; }
 
 .code { display: block; }
 .code-highlight .hll { background-color: #ffffcc }
 .code-highlight .c { color: #408080; font-style: italic } /* Comment */
 .code-highlight .err { border: 1px solid #FF0000 } /* Error */
 .code-highlight .k { color: #008000; font-weight: bold } /* Keyword */
 .code-highlight .o { color: #666666 } /* Operator */
 .code-highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
 .code-highlight .cp { color: #BC7A00 } /* Comment.Preproc */
 .code-highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
 .code-highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
 .code-highlight .gd { color: #A00000 } /* Generic.Deleted */
 .code-highlight .ge { font-style: italic } /* Generic.Emph */
 .code-highlight .gr { color: #FF0000 } /* Generic.Error */
 .code-highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
 .code-highlight .gi { color: #00A000 } /* Generic.Inserted */
 .code-highlight .go { color: #808080 } /* Generic.Output */
 .code-highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
 .code-highlight .gs { font-weight: bold } /* Generic.Strong */
 .code-highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
 .code-highlight .gt { color: #0040D0 } /* Generic.Traceback */
 .code-highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
 .code-highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
 .code-highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
 .code-highlight .kp { color: #008000 } /* Keyword.Pseudo */
 .code-highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
 .code-highlight .kt { color: #B00040 } /* Keyword.Type */
 .code-highlight .m { color: #666666 } /* Literal.Number */
 .code-highlight .s { color: #BA2121 } /* Literal.String */
 .code-highlight .na { color: #7D9029 } /* Name.Attribute */
 .code-highlight .nb { color: #008000 } /* Name.Builtin */
 .code-highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
 .code-highlight .no { color: #880000 } /* Name.Constant */
 .code-highlight .nd { color: #AA22FF } /* Name.Decorator */
 .code-highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
 .code-highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
 .code-highlight .nf { color: #0000FF } /* Name.Function */
 .code-highlight .nl { color: #A0A000 } /* Name.Label */
 .code-highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
 .code-highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
 .code-highlight .nv { color: #19177C } /* Name.Variable */
 .code-highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
 .code-highlight .w { color: #bbbbbb } /* Text.Whitespace */
 .code-highlight .mf { color: #666666 } /* Literal.Number.Float */
 .code-highlight .mh { color: #666666 } /* Literal.Number.Hex */
 .code-highlight .mi { color: #666666 } /* Literal.Number.Integer */
 .code-highlight .mo { color: #666666 } /* Literal.Number.Oct */
 .code-highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
 .code-highlight .sc { color: #BA2121 } /* Literal.String.Char */
 .code-highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
 .code-highlight .s2 { color: #BA2121 } /* Literal.String.Double */
 .code-highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
 .code-highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
 .code-highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
 .code-highlight .sx { color: #008000 } /* Literal.String.Other */
 .code-highlight .sr { color: #BB6688 } /* Literal.String.Regex */
 .code-highlight .s1 { color: #BA2121 } /* Literal.String.Single */
 .code-highlight .ss { color: #19177C } /* Literal.String.Symbol */
 .code-highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
 .code-highlight .vc { color: #19177C } /* Name.Variable.Class */
 .code-highlight .vg { color: #19177C } /* Name.Variable.Global */
 .code-highlight .vi { color: #19177C } /* Name.Variable.Instance */
 .code-highlight .il { color: #666666 } /* Literal.Number.Integer.Long */

rhodecode/templates/index_base.html

@@ -1,246 +1,244 b''
 <%page args="parent" /> 
     <%def name="get_sort(name)">
         <%name_slug = name.lower().replace(' ','_') %>
         
         %if name_slug == c.sort_slug:
           %if c.sort_by.startswith('-'):
             <a href="?sort=${name_slug}">${name}&uarr;</a>
           %else:
             <a href="?sort=-${name_slug}">${name}&darr;</a>
           %endif:
         %else:
             <a href="?sort=${name_slug}">${name}</a>
         %endif
     </%def>
     
     <div class="box">
         <!-- box / title -->
         <div class="title">
-            <h5><input class="top-right-rounded-corner top-left-rounded-corner 
-                               bottom-left-rounded-corner bottom-right-rounded-corner" 
-                        id="q_filter" size="15" type="text" name="filter" 
-                        value="${_('quick filter...')}"/>
+            <h5>
+            <input class="top-right-rounded-corner top-left-rounded-corner bottom-left-rounded-corner bottom-right-rounded-corner" id="q_filter" size="15" type="text" name="filter" value="${_('quick filter...')}"/>
             ${parent.breadcrumbs()} <span id="repo_count"></span> ${_('repositories')} 
             </h5>
             %if c.rhodecode_user.username != 'default':
                 %if h.HasPermissionAny('hg.admin','hg.create.repository')():
                 <ul class="links">
                   <li>
                     <span>${h.link_to(_('ADD NEW REPOSITORY'),h.url('admin_settings_create_repository'))}</span>
                   </li>          
                 </ul>           
                 %endif
             %endif
         </div>
         <!-- end box / title -->
         <div class="table">
            % if c.groups:
             <table>
                 <thead>
                     <tr>
                         <th class="left"><a href="#">${_('Group name')}</a></th>
                         <th class="left"><a href="#">${_('Description')}</a></th>
                         ##<th class="left"><a href="#">${_('Number of repositories')}</a></th>
                     </tr>
                 </thead>
                 
                 ## REPO GROUPS
                 
                 % for gr in c.groups:
                   <tr>
                       <td>
                           <div style="white-space: nowrap">
                           <img class="icon" alt="${_('Repositories group')}" src="${h.url('/images/icons/database_link.png')}"/>
                           ${h.link_to(gr.group_name,url('repos_group',id=gr.group_id))}
                           </div>
                       </td>
                       <td>${gr.group_description}</td>
                       ##<td><b>${gr.repositories.count()}</b></td>
                   </tr>
                 % endfor
                 
             </table>
             <div style="height: 20px"></div>
             % endif
             <div id="welcome" style="display:none;text-align:center">
                 <h1><a href="${h.url('home')}">${c.rhodecode_name} ${c.rhodecode_version}</a></h1>
             </div>
             <table id="repos_list">
             <thead>
                 <tr>
                     <th class="left"></th>
                     <th class="left">${get_sort(_('Name'))}</th>
                     <th class="left">${get_sort(_('Description'))}</th>
                     <th class="left">${get_sort(_('Last change'))}</th>
                     <th class="left">${get_sort(_('Tip'))}</th>
                     <th class="left">${get_sort(_('Owner'))}</th>
                     <th class="left">${_('RSS')}</th>
                     <th class="left">${_('Atom')}</th>
                 </tr>
             </thead>
             <tbody>
             %for cnt,repo in enumerate(c.repos_list):
                 <tr class="parity${cnt%2}">
                     <td class="quick_repo_menu">
                     <ul class="menu_items hidden">
                       <li>
                          <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=repo['name'])}">
                          <span class="icon">
                              <img src="${h.url('/images/icons/clipboard_16.png')}" alt="${_('Summary')}" />
                          </span>
                          <span>${_('Summary')}</span>                 
                          </a>             
                       </li>
                       <li>
                          <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=repo['name'])}">
                          <span class="icon">
                              <img src="${h.url('/images/icons/time.png')}" alt="${_('Changelog')}" />
                          </span>
                          <span>${_('Changelog')}</span>                 
                          </a>             
                       </li>
                       <li>
                          <a title="${_('Files')}" href="${h.url('files_home',repo_name=repo['name'])}">
                          <span class="icon">
                              <img src="${h.url('/images/icons/file.png')}" alt="${_('Files')}" />
                          </span>
                          <span>${_('Files')}</span>                 
                          </a>             
                       </li>                                    
                     </ul>
                     </td>
                     <td>
                     ## TYPE OF REPO
                     <div style="white-space: nowrap">
                      %if repo['dbrepo']['repo_type'] =='hg':
                        <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
                      %elif repo['dbrepo']['repo_type'] =='git':
                        <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
                      %endif 
                     
                      ##PRIVATE/PUBLIC
                      %if repo['dbrepo']['private']:
                         <img class="icon" title="${_('private repository')}" alt="${_('private repository')}" src="${h.url('/images/icons/lock.png')}"/>
                      %else:
                         <img class="icon" title="${_('public repository')}" alt="${_('public repository')}" src="${h.url('/images/icons/lock_open.png')}"/>
                      %endif
                     
                     ##NAME   
                     ${h.link_to(repo['name'],
                         h.url('summary_home',repo_name=repo['name']),class_="repo_name")}
                     %if repo['dbrepo_fork']:
                         <a href="${h.url('summary_home',repo_name=repo['dbrepo_fork']['repo_name'])}">
                         <img class="icon" alt="${_('fork')}"
                         title="${_('Fork of')} ${repo['dbrepo_fork']['repo_name']}" 
                         src="${h.url('/images/icons/arrow_divide.png')}"/></a>
                     %endif
                     </div>
                     </td>
                     ##DESCRIPTION
                     <td><span class="tooltip" title="${h.tooltip(repo['description'])}">
                        ${h.truncate(repo['description'],60)}</span>
                     </td>
                     ##LAST CHANGE
                     <td>
                       <span class="tooltip" title="${repo['last_change']}">
                       ${h.age(repo['last_change'])}</span>
                     </td>
                     <td>
                         %if repo['rev']>=0:
                         ${h.link_to('r%s:%s' % (repo['rev'],h.short_id(repo['tip'])),
                         h.url('changeset_home',repo_name=repo['name'],revision=repo['tip']),
                         class_="tooltip",
                         title=h.tooltip('%s\n%s' % (repo['author'],repo['last_msg'])))}
                         %else:
                             ${_('No changesets yet')}
                         %endif    
                     </td>
                     <td title="${repo['contact']}">${h.person(repo['contact'])}</td>
                     <td>
                       %if c.rhodecode_user.username != 'default':
                         <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>
                       %else:
                         <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'])}"></a>
                       %endif:                       
                     </td>        
                     <td>
                       %if c.rhodecode_user.username != 'default':
                         <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>
                       %else:
                         <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'])}"></a>
                       %endif:
                     </td>
                 </tr>
             %endfor
             
             </tbody>
             </table>
             </div>
     </div>
     
     
     <script type="text/javascript">
      var D = YAHOO.util.Dom;
      var E = YAHOO.util.Event;
      var S = YAHOO.util.Selector;
      
      var q_filter = D.get('q_filter');
      var F = YAHOO.namespace('q_filter'); 
      
      E.on(q_filter,'click',function(){
         q_filter.value = '';
      });
 
      F.filterTimeout = null;
      
      function set_count(count){
     
     	 if(count == 0){
     		 YUD.setStyle('repos_list','display','none');
     		 YUD.setStyle('welcome','display','');
     	 }
     	 else{
     		 YUD.setStyle('repos_list','display','');
     		 YUD.setStyle('welcome','display','none');
     	 }
     	 YUD.get('repo_count').innerHTML = count;
     	 
      }
      
      
      //set initial count for repos
      var nodes = S.query('div.table tr td div a.repo_name');
      
      set_count(nodes.length)
      F.updateFilter  = function() { 
         // Reset timeout 
         F.filterTimeout = null;
         
         var obsolete = [];
         nodes = S.query('div.table tr td div a.repo_name');
         var req = q_filter.value.toLowerCase();
         for (n in nodes){
             D.setStyle(nodes[n].parentNode.parentNode.parentNode,'display','')
         }
         if (req){
             for (n in nodes){
                 if (nodes[n].innerHTML.toLowerCase().indexOf(req) == -1) {
                     obsolete.push(nodes[n]); 
                 }
             }
             if(obsolete){
                 for (n in obsolete){
                     D.setStyle(obsolete[n].parentNode.parentNode.parentNode,'display','none');
                 }
             }
         }
         // set new count into dashboard
         set_count(nodes.length - obsolete.length)
      }
      
      E.on(q_filter,'keyup',function(e){
          clearTimeout(F.filterTimeout); 
          F.filterTimeout = setTimeout(F.updateFilter,600); 
      });
      
     </script>