summary.less
497 lines
| 9.1 KiB
| text/x-less
|
LessCssLexer
r1 | // summary.less | |||
// For use in RhodeCode applications; | ||||
// Used for headers and file detail summary screens. | ||||
.summary { | ||||
Liviu
|
r3620 | clear: both; | ||
float: none; | ||||
r1 | position: relative; | |||
width: 100%; | ||||
margin: 0; | ||||
padding: 0; | ||||
Liviu
|
r3620 | background: #FCFCFC; | ||
border: 1px solid #EAEAEA; | ||||
border-radius: @border-radius; | ||||
margin-bottom: 20px; | ||||
r1 | ||||
.summary-detail-header { | ||||
display: block; | ||||
width: 100%; | ||||
Liviu
|
r3703 | margin-bottom: 10px; | ||
r1 | padding: 0 0 .5em 0; | |||
border-bottom: @border-thickness solid @border-default-color; | ||||
.breadcrumbs { | ||||
display: inline; | ||||
margin: 0; | ||||
padding: 0; | ||||
} | ||||
Liviu
|
r3649 | |||
r1 | h4 { | |||
margin: 0 1em 0 0; | ||||
Liviu
|
r3703 | padding: 10px 0 5px 20px; | ||
r1 | line-height: 1.2em; | |||
font-size: @basefontsize; | ||||
} | ||||
.action_link { | ||||
float: right; | ||||
} | ||||
.new-file { | ||||
float: right; | ||||
margin-top: -1.5em; | ||||
} | ||||
} | ||||
.summary-detail { | ||||
Liviu
|
r3620 | float: none; | ||
r1 | position: relative; | |||
Liviu
|
r3620 | width: 100%; | ||
margin: 0; | ||||
Liviu
|
r3703 | padding: 0 0 20px 0; | ||
r1 | ||||
.file_diff_buttons { | ||||
margin-top: @space; | ||||
} | ||||
// commit message | ||||
.commit { | ||||
white-space: pre-wrap; | ||||
} | ||||
r2497 | .left-clone { | |||
float: left; | ||||
height: 30px; | ||||
margin: 0; | ||||
padding: 0; | ||||
Liviu
|
r3639 | width: 130px; | ||
r3186 | font-weight: @text-semibold-weight; | |||
r2497 | font-family: @text-semibold; | |||
r1704 | } | |||
Liviu
|
r3620 | .left-clone select { | ||
Liviu
|
r3639 | width: 130px; | ||
Liviu
|
r3620 | margin-right: 0; | ||
background-color: @grey7; | ||||
border-color: @grey4; | ||||
color: #5C5C5C; | ||||
border-top-right-radius: 0; | ||||
border-bottom-right-radius: 0; | ||||
} | ||||
r1704 | ||||
r2497 | .right-clone { | |||
Liviu
|
r3620 | float: left; | ||
Liviu
|
r3639 | width: ~"calc(100% - 170px)"; | ||
Liviu
|
r3620 | |||
.clipboard-action { | ||||
margin-left: -30px; | ||||
} | ||||
r2497 | } | |||
.clone_url_input { | ||||
Liviu
|
r3639 | width: ~"calc(100% - 90px)"; | ||
Liviu
|
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; | ||||
r1 | } | |||
&.directory { | ||||
margin-bottom: 0; | ||||
} | ||||
.desc { | ||||
white-space: pre-wrap; | ||||
} | ||||
.disabled { | ||||
opacity: .5; | ||||
r1259 | cursor: inherit; | |||
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 { | ||||
r3248 | list-style-type: none; | |||
r1 | } | |||
} | ||||
} | ||||
#clone_by_name, #clone_by_id{ | ||||
display: inline-block; | ||||
r1942 | margin-left: 0px; | |||
r1 | } | |||
.codeblock { | ||||
border: none; | ||||
background-color: transparent; | ||||
} | ||||
.code-body { | ||||
border: @border-thickness solid @border-default-color; | ||||
.border-radius(@border-radius); | ||||
} | ||||
Liviu
|
r3620 | |||
.btn-collapse { | ||||
clear: both; | ||||
float: none; | ||||
background: #F7F7F7; | ||||
text-align: center; | ||||
color: #949494; | ||||
font-size: 11px; | ||||
r3882 | line-height: 1.3em; | |||
Liviu
|
r3620 | |||
&:hover { | ||||
background: #f1f1f1; | ||||
color: #2B2B2D; | ||||
} | ||||
} | ||||
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
|
r3620 | float: none; | ||
r1 | position: relative; | |||
display:block; | ||||
width: 100%; | ||||
Liviu
|
r3720 | min-height: 20px; | ||
Liviu
|
r3620 | margin-bottom: 10px; | ||
r1 | padding: 0; | |||
line-height: 1.2em; | ||||
&:after { // clearfix | ||||
content: ""; | ||||
clear: both; | ||||
width: 100%; | ||||
height: 1em; | ||||
} | ||||
} | ||||
.summary .sidebar-right-content { | ||||
Liviu
|
r3653 | margin-bottom: 0; | ||
r410 | ||||
.rc-user { | ||||
min-width: 0; | ||||
} | ||||
Liviu
|
r3653 | |||
li { | ||||
list-style: none; | ||||
line-height: normal; | ||||
} | ||||
r1 | } | |||
Liviu
|
r3649 | .summary { | ||
.fieldset { | ||||
margin-bottom: 0; | ||||
} | ||||
r3882 | ||||
.tags-main { | ||||
margin-bottom: 5px; | ||||
} | ||||
Liviu
|
r3649 | } | ||
r1 | .fieldset { | |||
.left-label { // similar to form legend | ||||
display: block; | ||||
margin: 0; | ||||
padding: 0; | ||||
r3186 | font-weight: @text-semibold-weight; | |||
r1 | font-family: @text-semibold; | |||
} | ||||
r3183 | ||||
.left-label-summary { | ||||
Liviu
|
r3620 | padding-left: 20px; | ||
margin-bottom: 5px; | ||||
p { | ||||
margin-bottom: 5px; | ||||
color: @grey1; | ||||
Liviu
|
r3639 | float: left; | ||
width: 130px; | ||||
Liviu
|
r3703 | |||
&.spacing { | ||||
margin-top: 10px; | ||||
} | ||||
Liviu
|
r3639 | } | ||
.right-label-summary { | ||||
float: left; | ||||
margin-top: 7px; | ||||
Liviu
|
r3685 | width: ~"calc(100% - 160px)"; | ||
Liviu
|
r3620 | } | ||
} | ||||
Liviu
|
r3668 | .left-label-summary-files { | ||
padding-left: 45px; | ||||
margin-top: 5px; | ||||
p { | ||||
margin-bottom: 5px; | ||||
color: @grey1; | ||||
float: left; | ||||
width: 130px; | ||||
Liviu
|
r3703 | |||
&.spacing { | ||||
margin-top: 10px; | ||||
} | ||||
Liviu
|
r3668 | } | ||
.right-label-summary { | ||||
float: left; | ||||
margin-top: 7px; | ||||
} | ||||
} | ||||
Liviu
|
r3620 | .left-content { | ||
Liviu
|
r3652 | width: ~"calc(60% - 20px)"; | ||
Liviu
|
r3620 | float: left; | ||
margin: 15px 0 15px 20px; | ||||
Liviu
|
r3649 | |||
.rc-user { | ||||
min-width: auto; | ||||
max-width: none; | ||||
min-height: auto; | ||||
padding-right: 5px; | ||||
} | ||||
Liviu
|
r3650 | |||
.left-content-avatar { | ||||
width: 45px; | ||||
float: left; | ||||
margin-top: 8px; | ||||
} | ||||
.left-content-message { | ||||
float: left; | ||||
Liviu
|
r3651 | width: ~"calc(100% - 45px)"; | ||
Liviu
|
r3650 | } | ||
r3183 | } | |||
Liviu
|
r3596 | |||
r1 | .right-content { // similar to form fields | |||
float: left; | ||||
display: block; | ||||
Liviu
|
r3652 | width: ~"calc(40% - 20px)"; | ||
Liviu
|
r3620 | text-align: right; | ||
margin: 15px 20px 15px 0; | ||||
r1 | ||||
.truncate-wrap, | ||||
.truncate { | ||||
max-width: 100%; | ||||
width: 100%; | ||||
} | ||||
.commit-long { | ||||
overflow-x: auto; | ||||
} | ||||
Liviu
|
r3620 | |||
.commit-info { | ||||
margin-top: 7px; | ||||
} | ||||
r3766 | .summary-tag, | |||
.summary-tagtag, | ||||
.summary-branchtag, | ||||
.summary-booktag, | ||||
.summary-metatag, | ||||
.summary-perm_tag { | ||||
Liviu
|
r3620 | background:transparent; | ||
border: none; | ||||
box-shadow: none; | ||||
margin-left: 10px; | ||||
font-size: 13px; | ||||
} | ||||
r3766 | .summary-tag span, | |||
.summary-tag i, | ||||
.summary-tag a { | ||||
Liviu
|
r3620 | color: @grey1; | ||
} | ||||
r3766 | ||||
r1 | } | |||
Liviu
|
r3649 | .commit { | ||
color: @grey1; | ||||
Liviu
|
r3650 | margin-bottom: 5px; | ||
Liviu
|
r3652 | white-space: pre; | ||
Liviu
|
r3649 | } | ||
r439 | .commit.truncate-wrap { | |||
overflow:hidden; | ||||
text-overflow: ellipsis; | ||||
} | ||||
Liviu
|
r3650 | .commit-author { | ||
color: @grey1; | ||||
} | ||||
.commit-date { | ||||
color: @grey4; | ||||
} | ||||
r3759 | .fieldset-text-line { | |||
line-height: 36px; | ||||
} | ||||
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
|
r3596 | |||
r1 | &.comments-visible { | |||
.comments-show { display: none; } | ||||
.comments-hide { display: inline; } | ||||
} | ||||
} | ||||
Liviu
|
r3596 | |||
r1 | // Quick Start section | |||
Liviu
|
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; | ||||
} | ||||
Liviu
|
r3644 | .clear-fix { | ||
Liviu
|
r3620 | clear: both; | ||
} | ||||
r1 | .quick_start { | |||
display: block; | ||||
position: relative; | ||||
Liviu
|
r3620 | border: 1px solid #EAEAEA; | ||
border-top: 0; | ||||
border-radius: @border-radius; | ||||
padding: 0 20px; | ||||
r1 | ||||
// adds some space to make copy and paste easier | ||||
.left-label, | ||||
.right-content { | ||||
line-height: 1.6em; | ||||
} | ||||
} | ||||
Liviu
|
r3620 | |||
r1 | .submodule { | |||
.summary-detail { | ||||
width: 100%; | ||||
.btn-collapse { | ||||
display: none; | ||||
} | ||||
} | ||||
} | ||||
.codeblock-header { | ||||
float: left; | ||||
display: block; | ||||
width: 100%; | ||||
margin: 0; | ||||
r3715 | .file-filename { | |||
float:left; | ||||
Liviu
|
r3668 | padding: 10px; | ||
r1 | } | |||
r3715 | ||||
.file-stats { | ||||
padding: 10px; | ||||
float:right; | ||||
r3136 | } | |||
r3715 | ||||
r3136 | .stats-first-item { | |||
padding: 0px 0px 0px 3px; | ||||
} | ||||
r1 | ||||
Liviu
|
r3668 | .stats-info { | ||
Liviu
|
r3708 | font-size: 11px; | ||
Liviu
|
r3668 | color: @grey4; | ||
} | ||||
r1 | .buttons { | |||
float: right; | ||||
text-align: right; | ||||
color: @grey4; | ||||
Liviu
|
r3668 | padding: 10px; | ||
r1 | } | |||
r3467 | ||||
.file-container { | ||||
display: inline-block; | ||||
width: 100%; | ||||
} | ||||
r1 | } | |||
#summary-menu-stats { | ||||
.stats-bullet { | ||||
color: @grey3; | ||||
min-width: 3em; | ||||
} | ||||
.repo-size { | ||||
margin-bottom: .5em; | ||||
} | ||||
Liviu
|
r3596 | |||
r1 | } | |||
Liviu
|
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
|
r3639 | padding: 0 0 0 10px; | ||
Liviu
|
r3620 | } | ||
} | ||||