style: updated li style and markdown style....
style: updated li style and markdown style. - references #5507

File last commit:

r3248:aeca5dec default
r3248:aeca5dec default
Show More
summary.less
287 lines | 5.2 KiB | text/x-less | LessCssLexer
/ rhodecode / public / css / summary.less
project: added all source files and assets
r1 // summary.less
// For use in RhodeCode applications;
// Used for headers and file detail summary screens.
.summary {
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
.summary-detail-header {
float: left;
display: block;
width: 100%;
margin-bottom: @textmargin;
padding: 0 0 .5em 0;
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;
font-size: @basefontsize;
}
.action_link {
float: right;
}
.new-file {
float: right;
margin-top: -1.5em;
}
}
.summary-detail {
float: left;
position: relative;
width: 73%;
margin: 0 3% @space 0;
padding: 0;
.file_diff_buttons {
margin-top: @space;
}
// commit message
.commit {
white-space: pre-wrap;
}
ui: allow selecting and specifing ssh clone url....
r2497 .left-clone {
float: left;
height: 30px;
margin: 0;
padding: 0;
style: bring back bold font style.
r3186 font-weight: @text-semibold-weight;
ui: allow selecting and specifing ssh clone url....
r2497 font-family: @text-semibold;
ux: make url on summary screen stretch to fill in space.
r1704 }
ui: allow selecting and specifing ssh clone url....
r2497 .right-clone {
float: right;
width: 83%;
}
.clone_url_input {
width: ~"calc(100% - 35px)";
padding: 5px;
project: added all source files and assets
r1 }
&.directory {
margin-bottom: 0;
}
.desc {
white-space: pre-wrap;
}
.disabled {
opacity: .5;
diffs: compare overhaul....
r1259 cursor: inherit;
project: added all source files and assets
r1 }
.help-block {
color: inherit;
margin: 0;
}
}
.sidebar-right {
float: left;
width: 24%;
margin: 0;
padding: 0;
ul {
margin-left: 0;
padding-left: 0;
li {
style: updated li style and markdown style....
r3248 list-style-type: none;
project: added all source files and assets
r1 }
}
}
#clone_by_name, #clone_by_id{
display: inline-block;
templates: add copy to clipboard for repository clone.
r1942 margin-left: 0px;
project: added all source files and assets
r1 }
.codeblock {
border: none;
background-color: transparent;
}
.code-body {
border: @border-thickness solid @border-default-color;
.border-radius(@border-radius);
}
}
// this is used outside of just the summary
.fieldset, // similar to form fieldset
.summary .sidebar-right-content { // these have to match
clear: both;
float: left;
position: relative;
display:block;
width: 100%;
min-height: 1em;
margin-bottom: @textmargin;
padding: 0;
line-height: 1.2em;
&:after { // clearfix
content: "";
clear: both;
width: 100%;
height: 1em;
}
}
.summary .sidebar-right-content {
margin-bottom: @space;
ux: #4037 use gravatar for commit email and add tooltips for name + email
r410
.rc-user {
min-width: 0;
}
project: added all source files and assets
r1 }
.fieldset {
.left-label { // similar to form legend
float: left;
display: block;
width: 25%;
margin: 0;
padding: 0;
style: bring back bold font style.
r3186 font-weight: @text-semibold-weight;
project: added all source files and assets
r1 font-family: @text-semibold;
}
summary-page: re-organize summary page info for better UX....
r3183
.left-label-summary {
.left-label;
width: 150px;
}
project: added all source files and assets
r1
.right-content { // similar to form fields
float: left;
display: block;
width: 75%;
margin: 0 0 0 -15%;
padding: 0 0 0 15%;
.truncate-wrap,
.truncate {
max-width: 100%;
width: 100%;
}
.commit-long {
overflow-x: auto;
}
}
styling: #4086 fixing bug where long commit messages did not wrap in file view
r439 .commit.truncate-wrap {
overflow:hidden;
text-overflow: ellipsis;
}
project: added all source files and assets
r1 }
// expand commit message
#message_expand {
clear: both;
display: block;
color: @rcblue;
cursor: pointer;
}
#trimmed_message_box {
max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height
overflow: hidden;
}
// show/hide comments button
.show-inline-comments {
display: inline;
cursor: pointer;
.comments-show { display: inline; }
.comments-hide { display: none; }
&.comments-visible {
.comments-show { display: none; }
.comments-hide { display: inline; }
}
}
// Quick Start section
.quick_start {
float: left;
display: block;
position: relative;
repo-summary: re-implemented summary view as pyramid....
r1785 width: 100%;
project: added all source files and assets
r1
// adds some space to make copy and paste easier
.left-label,
.right-content {
line-height: 1.6em;
}
}
.submodule {
.summary-detail {
width: 100%;
.btn-collapse {
display: none;
}
}
}
.codeblock-header {
float: left;
display: block;
width: 100%;
margin: 0;
files: handle long paths in nicer UI.
r3136 padding: @space 0 10px 0;
project: added all source files and assets
r1 border-top: @border-thickness solid @border-default-color;
.stats {
float: left;
width: 50%;
}
files: handle long paths in nicer UI.
r3136 .stats-filename {
font-size: 120%;
}
.stats-first-item {
padding: 0px 0px 0px 3px;
}
project: added all source files and assets
r1
.buttons {
float: right;
width: 50%;
text-align: right;
color: @grey4;
}
}
#summary-menu-stats {
.stats-bullet {
color: @grey3;
min-width: 3em;
}
.repo-size {
margin-bottom: .5em;
}
}