##// END OF EJS Templates
Aligned expanded sumarry box content better and moved comments as last column
Aligned expanded sumarry box content better and moved comments as last column

File last commit:

r3639:7ee2e326 new-ui
r3639:7ee2e326 new-ui
Show More
summary.less
412 lines | 7.7 KiB | text/x-less | LessCssLexer
project: added all source files and assets
r1 // summary.less
// For use in RhodeCode applications;
// Used for headers and file detail summary screens.
.summary {
Liviu
Repo summary box changes
r3620 clear: both;
float: none;
project: added all source files and assets
r1 position: relative;
width: 100%;
margin: 0;
padding: 0;
Liviu
Repo summary box changes
r3620 background: #FCFCFC;
border: 1px solid #EAEAEA;
border-radius: @border-radius;
margin-bottom: 20px;
project: added all source files and assets
r1
.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 {
Liviu
Repo summary box changes
r3620 float: none;
project: added all source files and assets
r1 position: relative;
Liviu
Repo summary box changes
r3620 width: 100%;
margin: 0;
project: added all source files and assets
r1 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;
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 width: 130px;
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 }
Liviu
Repo summary box changes
r3620 .left-clone select {
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 width: 130px;
Liviu
Repo summary box changes
r3620 margin-right: 0;
background-color: @grey7;
border-color: @grey4;
color: #5C5C5C;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
ux: make url on summary screen stretch to fill in space.
r1704
ui: allow selecting and specifing ssh clone url....
r2497 .right-clone {
Liviu
Repo summary box changes
r3620 float: left;
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 width: ~"calc(100% - 170px)";
Liviu
Repo summary box changes
r3620
.clipboard-action {
margin-left: -30px;
}
ui: allow selecting and specifing ssh clone url....
r2497 }
.clone_url_input {
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 width: ~"calc(100% - 90px)";
Liviu
Repo summary box changes
r3620 padding: 6px 30px 6px 10px;
height: 14px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
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);
}
Liviu
Repo summary box changes
r3620
.btn-collapse {
clear: both;
float: none;
background: #F7F7F7;
text-align: center;
color: #949494;
font-size: 11px;
&:hover {
background: #f1f1f1;
color: #2B2B2D;
}
}
project: added all source files and assets
r1 }
// this is used outside of just the summary
.fieldset, // similar to form fieldset
.summary .sidebar-right-content { // these have to match
clear: both;
Liviu
Repo summary box changes
r3620 float: none;
project: added all source files and assets
r1 position: relative;
display:block;
width: 100%;
min-height: 1em;
Liviu
Repo summary box changes
r3620 margin-bottom: 10px;
project: added all source files and assets
r1 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
display: block;
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 {
Liviu
Repo summary box changes
r3620 padding-left: 20px;
margin-bottom: 5px;
p {
margin-bottom: 5px;
color: @grey1;
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 float: left;
width: 130px;
}
.right-label-summary {
float: left;
margin-top: 7px;
Liviu
Repo summary box changes
r3620 }
}
.left-content {
width: ~"calc(50% - 20px)";
float: left;
margin: 15px 0 15px 20px;
summary-page: re-organize summary page info for better UX....
r3183 }
Liviu
fixed clone input url alignment
r3596
project: added all source files and assets
r1 .right-content { // similar to form fields
float: left;
display: block;
Liviu
Repo summary box changes
r3620 width: ~"calc(50% - 20px)";
text-align: right;
margin: 15px 20px 15px 0;
project: added all source files and assets
r1
.truncate-wrap,
.truncate {
max-width: 100%;
width: 100%;
}
.commit-long {
overflow-x: auto;
}
Liviu
Repo summary box changes
r3620
.commit-info {
margin-top: 7px;
}
.tag, .tagtag, .branchtag, .booktag, .metatag, .perm_tag {
background:transparent;
border: none;
box-shadow: none;
margin-left: 10px;
font-size: 13px;
}
.tag span, .tag i {
color: @grey1;
}
project: added all source files and assets
r1 }
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; }
Liviu
fixed clone input url alignment
r3596
project: added all source files and assets
r1 &.comments-visible {
.comments-show { display: none; }
.comments-hide { display: inline; }
}
}
Liviu
fixed clone input url alignment
r3596
project: added all source files and assets
r1 // Quick Start section
Liviu
Repo summary box changes
r3620
.empty-repo {
border: 1px solid #EAEAEA;
border-bottom: 0;
border-radius: @border-radius;
padding: 0 20px;
}
.empty-repo h3, .quick_start p {
margin-bottom: 10px;
}
.quick_start pre {
background: #FCFEFF;
border: 1px solid #CBDBEB;
box-shadow: @button-shadow;
padding: 10px 15px;
border-radius: 4px;
color: @grey2;
}
.clearfix {
clear: both;
}
project: added all source files and assets
r1 .quick_start {
display: block;
position: relative;
Liviu
Repo summary box changes
r3620 border: 1px solid #EAEAEA;
border-top: 0;
border-radius: @border-radius;
padding: 0 20px;
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;
}
}
Liviu
Repo summary box changes
r3620
project: added all source files and assets
r1 .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;
Liviu
fixed clone input url alignment
r3596 border-top: @border-thickness solid @border-default-color;
project: added all source files and assets
r1
.stats {
float: left;
}
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;
text-align: right;
color: @grey4;
}
search: added narrow result links for global search.
r3467
.file-container {
display: inline-block;
width: 100%;
}
project: added all source files and assets
r1 }
#summary-menu-stats {
.stats-bullet {
color: @grey3;
min-width: 3em;
}
.repo-size {
margin-bottom: .5em;
}
Liviu
fixed clone input url alignment
r3596
project: added all source files and assets
r1 }
Liviu
Repo summary box changes
r3620 .rctable.repo_summary {
border: 1px solid #eaeaea;
border-radius: 2px;
border-collapse: inherit;
border-bottom: 0;
th {
background: @grey7;
border-bottom: 0;
}
td {
border-color: #eaeaea;
}
td.td-status {
Liviu
Aligned expanded sumarry box content better and moved comments as last column
r3639 padding: 0 0 0 10px;
Liviu
Repo summary box changes
r3620 }
}