summary.less
270 lines
| 4.9 KiB
| text/x-less
|
LessCssLexer
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; | ||||
} | ||||
r1704 | #clone_url { | |||
r1942 | width: ~"calc(100% - 103px)"; | |||
r1704 | padding: @padding/4; | |||
} | ||||
r1 | #clone_url_id { | |||
r1942 | width: ~"calc(100% - 125px)"; | |||
r1 | padding: @padding/4; | |||
} | ||||
&.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 { | ||||
&:before { | ||||
content: none; | ||||
width: 0; | ||||
} | ||||
} | ||||
} | ||||
} | ||||
#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); | ||||
} | ||||
} | ||||
// 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; | ||||
r410 | ||||
.rc-user { | ||||
min-width: 0; | ||||
} | ||||
r1 | } | |||
.fieldset { | ||||
.left-label { // similar to form legend | ||||
float: left; | ||||
display: block; | ||||
width: 25%; | ||||
margin: 0; | ||||
padding: 0; | ||||
font-family: @text-semibold; | ||||
} | ||||
.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; | ||||
} | ||||
} | ||||
r439 | .commit.truncate-wrap { | |||
overflow:hidden; | ||||
text-overflow: ellipsis; | ||||
} | ||||
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; | ||||
r1785 | width: 100%; | |||
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; | ||||
padding: @space 0 @padding 0; | ||||
border-top: @border-thickness solid @border-default-color; | ||||
.stats { | ||||
float: left; | ||||
width: 50%; | ||||
} | ||||
.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; | ||||
} | ||||
} | ||||