engineering/unrhodecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styled the files summary box

Browse source
This commit is contained in:
Liviu 2019-05-07 07:29:03 +00:00
parent 57b0240056
commit 59af00e0d2
5 changed files with 51 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

21
rhodecode/public/css/summary.less
View file

@ -15,7 +15,6 @@
margin-bottom: 20px;
.summary-detail-header {
float: left;
display: block;
width: 100%;
margin-bottom: @textmargin;
@ -23,13 +22,12 @@
border-bottom: @border-thickness solid @border-default-color;
.breadcrumbs {
float: left;
display: inline;
margin: 0;
padding: 0;
}
h4 {
float: left;
margin: 0 1em 0 0;
padding: 0;
line-height: 1.2em;
@ -192,6 +190,12 @@
}
}
.summary {
.fieldset {
margin-bottom: 0;
}
}
.fieldset {
.left-label { // similar to form legend
@ -223,6 +227,13 @@
width: ~"calc(50% - 20px)";
float: left;
margin: 15px 0 15px 20px;
.rc-user {
min-width: auto;
max-width: none;
min-height: auto;
padding-right: 5px;
}
}
.right-content { // similar to form fields
@ -258,6 +269,10 @@
color: @grey1;
}
}
.commit {
color: @grey1;
margin-bottom: 10px;
}
.commit.truncate-wrap {
overflow:hidden;
text-overflow: ellipsis;

5
rhodecode/public/css/type.less
View file

@ -46,6 +46,11 @@ h6, .h6 { font-size: 1em; font-weight: @text-bold-weight; font-family: @t
.breadcrumbs {
font-size: @repo-title-fontsize;
margin: 0;
h4 {
font-size: @basefontsize;
margin-bottom: 15px;
}
}
.breadcrumbs_light {

2
rhodecode/templates/files/files.mako
View file

@ -27,7 +27,7 @@
</%def>
<%def name="main()">
<div id="pjax-container" class="summary">
<div id="pjax-container">
<div id="files_data">
<%include file='files_pjax.mako'/>
</div>

5
rhodecode/templates/files/files_pjax.mako
View file

@ -19,15 +19,12 @@
<div class="summary-detail-header">
<div class="breadcrumbs files_location">
<h4>
${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.commit.raw_id,c.file.path)}
${h.files_breadcrumbs(c.repo_name,c.commit.raw_id,c.file.path)}
%if c.annotate:
- ${_('annotation')}
%endif
</h4>
</div>
<div class="btn-collapse" data-toggle="summary-details">
${_('Show More')}
</div>
</div><!--end summary-detail-header-->
% if c.file.is_submodule():

60
rhodecode/templates/files/files_tree_header.mako
View file

@ -1,45 +1,37 @@
<%namespace name="base" file="/base/base.mako"/>
<%namespace name="file_base" file="/files/base.mako"/>
<div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
<div class="left-label">
${_('Description')}:
</div>
<div class="commit right-content truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
</div>
<div class="summary">
<div class="fieldset">
<div class="left-content">
<div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
<div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
</div>
<div class="fieldset collapsable-content" data-toggle="summary-details">
<div class="left-label">
${_('Description')}:
</div>
<div class="commit right-content">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
</div>
<div class="fieldset collapsable-content" data-toggle="summary-details">
<div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
</div>
<div class="fieldset">
<div class="left-label">
${_('References')}:
</div>
<div class="right-content">
<div class="tags">
<code>
<a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
</code>
${file_base.refs(c.commit)}
<div class="clear-fix">${base.gravatar_with_user(c.commit.author)}-${h.age_component(c.commit.date)}</div>
</div>
<div class="right-content">
<div class="tags commit-info">
<code>
<a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
</code>
${file_base.refs(c.commit)}
</div>
</div>
<div class="clear-fix">
</div>
<div class="btn-collapse" data-toggle="summary-details">
${_('Show More')}
</div>
</div>
<div class="fieldset">
<div class="left-label">
${_('Commit Author')}:
</div>
<div class="right-content">
${base.gravatar_with_user(c.commit.author)}
<div class="user-inline-data">- ${h.age_component(c.commit.date)}</div>
</div>
</div>
<script>
collapsableContent();
</script>