##// END OF EJS Templates
pull-requests: fix way how pull-request calculates common ancestors....
pull-requests: fix way how pull-request calculates common ancestors. - fixes #5561 - added new preview for size (commits/files) of PRs before opening, this is now based on the special logic that calculates common ancestor and has access to preview diff - store common ancestor in DB so updates of pull-requests are consistent

File last commit:

r4346:4dcd6440 default
r4346:4dcd6440 default
Show More
main.less
3059 lines | 46.2 KiB | text/x-less | LessCssLexer
//Primary CSS
//--- IMPORTS ------------------//
@import 'helpers';
@import 'mixins';
@import 'rcicons';
@import 'variables';
@import 'bootstrap-variables';
@import 'form-bootstrap';
@import 'codemirror';
@import 'legacy_code_styles';
@import 'readme-box';
@import 'progress-bar';
@import 'type';
@import 'alerts';
@import 'buttons';
@import 'tags';
@import 'code-block';
@import 'examples';
@import 'login';
@import 'main-content';
@import 'select2';
@import 'comments';
@import 'panels-bootstrap';
@import 'panels';
@import 'deform';
@import 'tooltips';
@import 'sweetalert2';
//--- BASE ------------------//
.noscript-error {
top: 0;
left: 0;
width: 100%;
z-index: 101;
text-align: center;
font-size: 120%;
color: white;
background-color: @alert2;
padding: 5px 0 5px 0;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
}
html {
display: table;
height: 100%;
width: 100%;
}
body {
display: table-cell;
width: 100%;
}
//--- LAYOUT ------------------//
.hidden{
display: none !important;
}
.box{
float: left;
width: 100%;
}
.browser-header {
clear: both;
}
.main {
clear: both;
padding:0 0 @pagepadding;
height: auto;
&:after { //clearfix
content:"";
clear:both;
width:100%;
display:block;
}
}
.action-link{
margin-left: @padding;
padding-left: @padding;
border-left: @border-thickness solid @border-default-color;
}
.cursor-pointer {
cursor: pointer;
}
input + .action-link, .action-link.first{
border-left: none;
}
.action-link.last{
margin-right: @padding;
padding-right: @padding;
}
.action-link.active,
.action-link.active a{
color: @grey4;
}
.action-link.disabled {
color: @grey4;
cursor: inherit;
}
.clipboard-action {
cursor: pointer;
margin-left: 5px;
&:not(.no-grey) {
&:hover {
color: @grey2;
}
color: @grey4;
}
}
ul.simple-list{
list-style: none;
margin: 0;
padding: 0;
}
.main-content {
padding-bottom: @pagepadding;
}
.wide-mode-wrapper {
max-width:4000px !important;
}
.wrapper {
position: relative;
max-width: @wrapper-maxwidth;
margin: 0 auto;
}
#content {
clear: both;
padding: 0 @contentpadding;
}
.advanced-settings-fields{
input{
margin-left: @textmargin;
margin-right: @padding/2;
}
}
.cs_files_title {
margin: @pagepadding 0 0;
}
input.inline[type="file"] {
display: inline;
}
.error_page {
margin: 10% auto;
h1 {
color: @grey2;
}
.alert {
margin: @padding 0;
}
.error-branding {
color: @grey4;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
}
.error_message {
font-family: @text-regular;
}
.sidebar {
min-height: 275px;
margin: 0;
padding: 0 0 @sidebarpadding @sidebarpadding;
border: none;
}
.main-content {
position: relative;
margin: 0 @sidebarpadding @sidebarpadding;
padding: 0 0 0 @sidebarpadding;
border-left: @border-thickness solid @grey5;
@media (max-width:767px) {
clear: both;
width: 100%;
margin: 0;
border: none;
}
}
.inner-column {
float: left;
width: 29.75%;
min-height: 150px;
margin: @sidebarpadding 2% 0 0;
padding: 0 2% 0 0;
border-right: @border-thickness solid @grey5;
@media (max-width:767px) {
clear: both;
width: 100%;
border: none;
}
ul {
padding-left: 1.25em;
}
&:last-child {
margin: @sidebarpadding 0 0;
border: none;
}
h4 {
margin: 0 0 @padding;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
}
}
}
.error-page-logo {
width: 130px;
height: 160px;
}
// HEADER
.header {
// TODO: johbo: Fix login pages, so that they work without a min-height
// for the header and then remove the min-height. I chose a smaller value
// intentionally here to avoid rendering issues in the main navigation.
min-height: 49px;
min-width: 1024px;
position: relative;
vertical-align: bottom;
padding: 0 @header-padding;
background-color: @grey1;
color: @grey5;
.title {
overflow: visible;
}
&:before,
&:after {
content: "";
clear: both;
width: 100%;
}
// TODO: johbo: Avoids breaking "Repositories" chooser
.select2-container .select2-choice .select2-arrow {
display: none;
}
}
#header-inner {
&.title {
margin: 0;
}
&:before,
&:after {
content: "";
clear: both;
}
}
// Gists
#files_data {
clear: both; //for firefox
padding-top: 10px;
}
#gistid {
margin-right: @padding;
}
// Global Settings Editor
.textarea.editor {
float: left;
position: relative;
max-width: @texteditor-width;
select {
position: absolute;
top:10px;
right:0;
}
.CodeMirror {
margin: 0;
}
.help-block {
margin: 0 0 @padding;
padding:.5em;
background-color: @grey6;
&.pre-formatting {
white-space: pre;
}
}
}
ul.auth_plugins {
margin: @padding 0 @padding @legend-width;
padding: 0;
li {
margin-bottom: @padding;
line-height: 1em;
list-style-type: none;
.auth_buttons .btn {
margin-right: @padding;
}
}
}
// My Account PR list
#show_closed {
margin: 0 1em 0 0;
}
#pull_request_list_table {
.closed {
background-color: @grey6;
}
.state-creating,
.state-updating,
.state-merging
{
background-color: @grey6;
}
.td-status {
padding-left: .5em;
}
.log-container .truncate {
height: 2.75em;
white-space: pre-line;
}
table.rctable .user {
padding-left: 0;
}
table.rctable {
td.td-description,
.rc-user {
min-width: auto;
}
}
}
// Pull Requests
.pullrequests_section_head {
display: block;
clear: both;
margin: @padding 0;
font-weight: @text-bold-weight;
font-family: @text-bold;
}
.pr-commit-flow {
position: relative;
font-weight: 600;
.tag {
display: inline-block;
margin: 0 1em .5em 0;
}
.clone-url {
display: inline-block;
margin: 0 0 .5em 0;
padding: 0;
line-height: 1.2em;
}
}
.pr-mergeinfo {
min-width: 95% !important;
padding: 0 !important;
border: 0;
}
.pr-mergeinfo-copy {
padding: 0 0;
}
.pr-pullinfo {
min-width: 95% !important;
padding: 0 !important;
border: 0;
}
.pr-pullinfo-copy {
padding: 0 0;
}
.pr-title-input {
width: 100%;
font-size: 18px;
margin: 0 0 4px 0;
padding: 0;
line-height: 1.7em;
color: @text-color;
letter-spacing: .02em;
font-weight: @text-bold-weight;
font-family: @text-bold;
&:hover {
box-shadow: none;
}
}
#pr-title {
input {
border: 1px transparent;
color: black;
opacity: 1;
background: #fff;
font-size: 18px;
}
}
.pr-title-closed-tag {
font-size: 16px;
}
#pr-desc {
padding: 10px 0;
.markdown-block {
padding: 0;
margin-bottom: -30px;
}
}
#pullrequest_title {
width: 100%;
box-sizing: border-box;
}
#pr_open_message {
border: @border-thickness solid #fff;
border-radius: @border-radius;
text-align: left;
overflow: hidden;
white-space: pre-line;
}
.pr-details-title {
height: 16px
}
.pr-details-title-author-pref {
padding-right: 10px
}
.label-pr-detail {
display: table-cell;
width: 120px;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-right: 7.5px;
}
.source-details ul {
padding: 10px 16px;
}
.source-details-action {
color: @grey4;
font-size: 11px
}
.pr-submit-button {
float: right;
margin: 0 0 0 5px;
}
.pr-spacing-container {
padding: 20px;
clear: both
}
#pr-description-input {
margin-bottom: 0;
}
.pr-description-label {
vertical-align: top;
}
#open_edit_pullrequest {
padding: 0;
}
#close_edit_pullrequest {
}
#delete_pullrequest {
clear: inherit;
form {
display: inline;
}
}
.perms_section_head {
min-width: 625px;
h2 {
margin-bottom: 0;
}
.label-checkbox {
float: left;
}
&.field {
margin: @space 0 @padding;
}
&:first-child.field {
margin-top: 0;
.label {
margin-top: 0;
padding-top: 0;
}
.radios {
padding-top: 0;
}
}
.radios {
position: relative;
width: 505px;
}
}
//--- MODULES ------------------//
// Server Announcement
#server-announcement {
width: 95%;
margin: @padding auto;
padding: @padding;
border-width: 2px;
border-style: solid;
.border-radius(2px);
font-weight: @text-bold-weight;
font-family: @text-bold;
&.info { border-color: @alert4; background-color: @alert4-inner; }
&.warning { border-color: @alert3; background-color: @alert3-inner; }
&.error { border-color: @alert2; background-color: @alert2-inner; }
&.success { border-color: @alert1; background-color: @alert1-inner; }
&.neutral { border-color: @grey3; background-color: @grey6; }
}
// Fixed Sidebar Column
.sidebar-col-wrapper {
padding-left: @sidebar-all-width;
.sidebar {
width: @sidebar-width;
margin-left: -@sidebar-all-width;
}
}
.sidebar-col-wrapper.scw-small {
padding-left: @sidebar-small-all-width;
.sidebar {
width: @sidebar-small-width;
margin-left: -@sidebar-small-all-width;
}
}
// FOOTER
#footer {
padding: 0;
text-align: center;
vertical-align: middle;
color: @grey2;
font-size: 11px;
p {
margin: 0;
padding: 1em;
line-height: 1em;
}
.server-instance { //server instance
display: none;
}
.title {
float: none;
margin: 0 auto;
}
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
.box-shadow(none);
-webkit-appearance: none;
}
.close {
float: right;
font-size: 21px;
font-family: @text-bootstrap;
line-height: 1em;
font-weight: bold;
color: @grey2;
&:hover,
&:focus {
color: @grey1;
text-decoration: none;
cursor: pointer;
}
}
// GRID
.sorting,
.sorting_desc,
.sorting_asc {
cursor: pointer;
}
.sorting_desc:after {
content: "\00A0\25B2";
font-size: .75em;
}
.sorting_asc:after {
content: "\00A0\25BC";
font-size: .68em;
}
.user_auth_tokens {
&.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fields .field .input {
margin: 0;
}
input#description {
width: 100px;
margin: 0;
}
.drop-menu {
// TODO: johbo: Remove this, should work out of the box when
// having multiple inputs inline
margin: 0 0 0 5px;
}
}
#user_list_table {
.closed {
background-color: @grey6;
}
}
input, textarea {
&.disabled {
opacity: .5;
}
&:hover {
border-color: @grey3;
box-shadow: @button-shadow;
}
&:focus {
border-color: @rcblue;
box-shadow: @button-shadow;
}
}
// remove extra padding in firefox
input::-moz-focus-inner { border:0; padding:0 }
.adjacent input {
margin-bottom: @padding;
}
.permissions_boxes {
display: block;
}
//FORMS
.medium-inline,
input#description.medium-inline {
display: inline;
width: @medium-inline-input-width;
min-width: 100px;
}
select {
//reset
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
height: 28px;
width: auto;
margin: 0 @padding @padding 0;
padding: 0 18px 0 8px;
line-height:1em;
font-size: @basefontsize;
border: @border-thickness solid @grey5;
border-radius: @border-radius;
background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
color: @grey4;
box-shadow: @button-shadow;
&:after {
content: "\00A0\25BE";
}
&:focus, &:hover {
outline: none;
border-color: @grey4;
color: @rcdarkblue;
}
}
option {
&:focus {
outline: none;
}
}
input,
textarea {
padding: @input-padding;
border: @input-border-thickness solid @border-highlight-color;
.border-radius (@border-radius);
font-family: @text-light;
font-size: @basefontsize;
&.input-sm {
padding: 5px;
}
&#description {
min-width: @input-description-minwidth;
min-height: 1em;
padding: 10px;
}
}
.field-sm {
input,
textarea {
padding: 5px;
}
}
textarea {
display: block;
clear: both;
width: 100%;
min-height: 100px;
margin-bottom: @padding;
.box-sizing(border-box);
overflow: auto;
}
label {
font-family: @text-light;
}
// GRAVATARS
// centers gravatar on username to the right
.gravatar {
display: inline;
min-width: 16px;
min-height: 16px;
margin: -5px 0;
padding: 0;
line-height: 1em;
box-sizing: content-box;
border-radius: 50%;
&.gravatar-large {
margin: -0.5em .25em -0.5em 0;
}
& + .user {
display: inline;
margin: 0;
padding: 0 0 0 .17em;
line-height: 1em;
}
& + .no-margin {
margin: 0
}
}
.user-inline-data {
display: inline-block;
float: left;
padding-left: .5em;
line-height: 1.3em;
}
.rc-user { // gravatar + user wrapper
float: left;
position: relative;
min-width: 100px;
max-width: 200px;
min-height: (@gravatar-size + @border-thickness * 2); // account for border
display: block;
padding: 0 0 0 (@gravatar-size + @basefontsize/4);
.gravatar {
display: block;
position: absolute;
top: 0;
left: 0;
min-width: @gravatar-size;
min-height: @gravatar-size;
margin: 0;
}
.user {
display: block;
max-width: 175px;
padding-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
}
}
.gist-gravatar,
.journal_container {
.gravatar-large {
margin: 0 .5em -10px 0;
}
}
.gist-type-fields {
line-height: 30px;
height: 30px;
.gist-type-fields-wrapper {
vertical-align: middle;
display: inline-block;
line-height: 25px;
}
}
// ADMIN SETTINGS
// Tag Patterns
.tag_patterns {
.tag_input {
margin-bottom: @padding;
}
}
.locked_input {
position: relative;
input {
display: inline;
margin: 3px 5px 0px 0px;
}
br {
display: none;
}
.error-message {
float: left;
width: 100%;
}
.lock_input_button {
display: inline;
}
.help-block {
clear: both;
}
}
// Notifications
.notifications_buttons {
margin: 0 0 @space 0;
padding: 0;
.btn {
display: inline-block;
}
}
.notification-list {
div {
vertical-align: middle;
}
.container {
display: block;
margin: 0 0 @padding 0;
}
.delete-notifications {
margin-left: @padding;
text-align: right;
cursor: pointer;
}
.read-notifications {
margin-left: @padding/2;
text-align: right;
width: 35px;
cursor: pointer;
}
.icon-minus-sign {
color: @alert2;
}
.icon-ok-sign {
color: @alert1;
}
}
.user_settings {
float: left;
clear: both;
display: block;
width: 100%;
.gravatar_box {
margin-bottom: @padding;
&:after {
content: " ";
clear: both;
width: 100%;
}
}
.fields .field {
clear: both;
}
}
.advanced_settings {
margin-bottom: @space;
.help-block {
margin-left: 0;
}
button + .help-block {
margin-top: @padding;
}
}
// admin settings radio buttons and labels
.label-2 {
float: left;
width: @label2-width;
label {
color: @grey1;
}
}
.checkboxes {
float: left;
width: @checkboxes-width;
margin-bottom: @padding;
.checkbox {
width: 100%;
label {
margin: 0;
padding: 0;
}
}
.checkbox + .checkbox {
display: inline-block;
}
label {
margin-right: 1em;
}
}
// CHANGELOG
.container_header {
float: left;
display: block;
width: 100%;
margin: @padding 0 @padding;
#filter_changelog {
float: left;
margin-right: @padding;
}
.breadcrumbs_light {
display: inline-block;
}
}
.info_box {
float: right;
}
#graph_content{
// adjust for table headers so that graph renders properly
// #graph_nodes padding - table cell padding
padding-top: (@space - (@basefontsize * 2.4));
&.graph_full_width {
width: 100%;
max-width: 100%;
}
}
#graph {
.pagination-left {
float: left;
clear: both;
}
.log-container {
max-width: 345px;
.message{
max-width: 340px;
}
}
.graph-col-wrapper {
#graph_nodes {
width: 100px;
position: absolute;
left: 70px;
z-index: -1;
}
}
.load-more-commits {
text-align: center;
}
.load-more-commits:hover {
background-color: @grey7;
}
.load-more-commits {
a {
display: block;
}
}
}
.obsolete-toggle {
line-height: 30px;
margin-left: -15px;
}
#rev_range_container, #rev_range_clear, #rev_range_more {
margin-top: -5px;
margin-bottom: -5px;
}
#filter_changelog {
float: left;
}
//--- THEME ------------------//
#logo {
float: left;
margin: 9px 0 0 0;
.header {
background-color: transparent;
}
a {
display: inline-block;
}
img {
height:30px;
}
}
.logo-wrapper {
float:left;
}
.branding {
float: left;
padding: 9px 2px;
line-height: 1em;
font-size: @navigation-fontsize;
a {
color: @grey5
}
@media screen and (max-width: 1200px) {
display: none;
}
}
img {
border: none;
outline: none;
}
user-profile-header
label {
input[type="checkbox"] {
margin-right: 1em;
}
input[type="radio"] {
margin-right: 1em;
}
}
.review-status {
&.under_review {
color: @alert3;
}
&.approved {
color: @alert1;
}
&.rejected,
&.forced_closed{
color: @alert2;
}
&.not_reviewed {
color: @grey5;
}
}
.review-status-under_review {
color: @alert3;
}
.status-tag-under_review {
border-color: @alert3;
}
.review-status-approved {
color: @alert1;
}
.status-tag-approved {
border-color: @alert1;
}
.review-status-rejected,
.review-status-forced_closed {
color: @alert2;
}
.status-tag-rejected,
.status-tag-forced_closed {
border-color: @alert2;
}
.review-status-not_reviewed {
color: @grey5;
}
.status-tag-not_reviewed {
border-color: @grey5;
}
.test_pattern_preview {
margin: @space 0;
p {
margin-bottom: 0;
border-bottom: @border-thickness solid @border-default-color;
color: @grey3;
}
.btn {
margin-bottom: @padding;
}
}
#test_pattern_result {
display: none;
&:extend(pre);
padding: .9em;
color: @grey3;
background-color: @grey7;
border-right: @border-thickness solid @border-default-color;
border-bottom: @border-thickness solid @border-default-color;
border-left: @border-thickness solid @border-default-color;
}
#repo_vcs_settings {
#inherit_overlay_vcs_default {
display: none;
}
#inherit_overlay_vcs_custom {
display: custom;
}
&.inherited {
#inherit_overlay_vcs_default {
display: block;
}
#inherit_overlay_vcs_custom {
display: none;
}
}
}
.issue-tracker-link {
color: @rcblue;
}
// Issue Tracker Table Show/Hide
#repo_issue_tracker {
#inherit_overlay {
display: none;
}
#custom_overlay {
display: custom;
}
&.inherited {
#inherit_overlay {
display: block;
}
#custom_overlay {
display: none;
}
}
}
table.issuetracker {
&.readonly {
tr, td {
color: @grey3;
}
}
.edit {
display: none;
}
.editopen {
.edit {
display: inline;
}
.entry {
display: none;
}
}
tr td.td-action {
min-width: 117px;
}
td input {
max-width: none;
min-width: 30px;
width: 80%;
}
.issuetracker_pref input {
width: 40%;
}
input.edit_issuetracker_update {
margin-right: 0;
width: auto;
}
}
table.integrations {
.td-icon {
width: 20px;
.integration-icon {
height: 20px;
width: 20px;
}
}
}
.integrations {
a.integration-box {
color: @text-color;
&:hover {
.panel {
background: #fbfbfb;
}
}
.integration-icon {
width: 30px;
height: 30px;
margin-right: 20px;
float: left;
}
.panel-body {
padding: 10px;
}
.panel {
margin-bottom: 10px;
}
h2 {
display: inline-block;
margin: 0;
min-width: 140px;
}
}
a.integration-box.dummy-integration {
color: @grey4
}
}
//Permissions Settings
#add_perm {
margin: 0 0 @padding;
cursor: pointer;
}
.perm_ac {
input {
width: 95%;
}
}
.autocomplete-suggestions {
width: auto !important; // overrides autocomplete.js
min-width: 278px;
margin: 0;
border: @border-thickness solid @grey5;
border-radius: @border-radius;
color: @grey2;
background-color: white;
}
.autocomplete-qfilter-suggestions {
width: auto !important; // overrides autocomplete.js
max-height: 100% !important;
min-width: 376px;
margin: 0;
border: @border-thickness solid @grey5;
color: @grey2;
background-color: white;
}
.autocomplete-selected {
background: #F0F0F0;
}
.ac-container-wrap {
margin: 0;
padding: 8px;
border-bottom: @border-thickness solid @grey5;
list-style-type: none;
cursor: pointer;
&:hover {
background-color: @grey7;
}
img {
height: @gravatar-size;
width: @gravatar-size;
margin-right: 1em;
}
strong {
font-weight: normal;
}
}
// Settings Dropdown
.user-menu .container {
padding: 0 4px;
margin: 0;
}
.user-menu .gravatar {
cursor: pointer;
}
.codeblock {
margin-bottom: @padding;
clear: both;
.stats {
overflow: hidden;
}
.message{
textarea{
margin: 0;
}
}
.code-header {
.stats {
line-height: 2em;
.revision_id {
margin-left: 0;
}
.buttons {
padding-right: 0;
}
}
.item{
margin-right: 0.5em;
}
}
#editor_container {
position: relative;
margin: @padding 10px;
}
}
#file_history_container {
display: none;
}
.file-history-inner {
margin-bottom: 10px;
}
// Pull Requests
.summary-details {
width: 72%;
}
.pr-summary {
border-bottom: @border-thickness solid @grey5;
margin-bottom: @space;
}
.reviewers-title {
width: 25%;
min-width: 200px;
&.first-panel {
margin-top: 34px;
}
}
.reviewers {
width: 25%;
min-width: 200px;
}
.reviewers ul li {
position: relative;
width: 100%;
padding-bottom: 8px;
list-style-type: none;
}
.reviewer_entry {
min-height: 55px;
}
.reviewers_member {
width: 100%;
overflow: auto;
}
.reviewer_reason {
padding-left: 20px;
line-height: 1.5em;
}
.reviewer_status {
display: inline-block;
width: 25px;
min-width: 25px;
height: 1.2em;
line-height: 1em;
}
.reviewer_name {
display: inline-block;
max-width: 83%;
padding-right: 20px;
vertical-align: middle;
line-height: 1;
.rc-user {
min-width: 0;
margin: -2px 1em 0 0;
}
.reviewer {
float: left;
}
}
.reviewer_member_mandatory {
position: absolute;
left: 15px;
top: 8px;
width: 16px;
font-size: 11px;
margin: 0;
padding: 0;
color: black;
}
.reviewer_member_mandatory_remove,
.reviewer_member_remove {
position: absolute;
right: 0;
top: 0;
width: 16px;
margin-bottom: 10px;
padding: 0;
color: black;
}
.reviewer_member_mandatory_remove {
color: @grey4;
}
.reviewer_member_status {
margin-top: 5px;
}
.pr-summary #summary{
width: 100%;
}
.pr-summary .action_button:hover {
border: 0;
cursor: pointer;
}
.pr-details-title {
padding-bottom: 8px;
border-bottom: @border-thickness solid @grey5;
.action_button.disabled {
color: @grey4;
cursor: inherit;
}
.action_button {
color: @rcblue;
}
}
.pr-details-content {
margin-top: @textmargin - 5;
margin-bottom: @textmargin - 5;
}
.pr-reviewer-rules {
padding: 10px 0px 20px 0px;
}
.todo-resolved {
text-decoration: line-through;
}
.todo-table {
width: 100%;
td {
padding: 5px 0px;
}
.td-todo-number {
text-align: left;
white-space: nowrap;
width: 15%;
}
.td-todo-gravatar {
width: 5%;
img {
margin: -3px 0;
}
}
}
.todo-comment-text-wrapper {
display: inline-grid;
}
.todo-comment-text {
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.group_members {
margin-top: 0;
padding: 0;
list-style: outside none none;
img {
height: @gravatar-size;
width: @gravatar-size;
margin-right: .5em;
margin-left: 3px;
}
.to-delete {
.user {
text-decoration: line-through;
}
}
}
.compare_view_commits_title {
.disabled {
cursor: inherit;
&:hover{
background-color: inherit;
color: inherit;
}
}
}
.subtitle-compare {
margin: -15px 0px 0px 0px;
}
// new entry in group_members
.td-author-new-entry {
background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
}
.usergroup_member_remove {
width: 16px;
margin-bottom: 10px;
padding: 0;
color: black !important;
cursor: pointer;
}
.reviewer_ac .ac-input {
width: 92%;
margin-bottom: 1em;
}
.compare_view_commits tr{
height: 20px;
}
.compare_view_commits td {
vertical-align: top;
padding-top: 10px;
}
.compare_view_commits .author {
margin-left: 5px;
}
.compare_view_commits {
.color-a {
color: @alert1;
}
.color-c {
color: @color3;
}
.color-r {
color: @color5;
}
.color-a-bg {
background-color: @alert1;
}
.color-c-bg {
background-color: @alert3;
}
.color-r-bg {
background-color: @alert2;
}
.color-a-border {
border: 1px solid @alert1;
}
.color-c-border {
border: 1px solid @alert3;
}
.color-r-border {
border: 1px solid @alert2;
}
.commit-change-indicator {
width: 15px;
height: 15px;
position: relative;
left: 15px;
}
.commit-change-content {
text-align: center;
vertical-align: middle;
line-height: 15px;
}
}
.compare_view_filepath {
color: @grey1;
}
.show_more {
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
content: "";
border: 4px solid;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
font-size: 0;
}
.journal_more .show_more {
display: inline;
&:after {
content: none;
}
}
.compare_view_commits .collapse_commit:after {
cursor: pointer;
content: "\00A0\25B4";
margin-left: -3px;
font-size: 17px;
color: @grey4;
}
.diff_links {
margin-left: 8px;
}
#pull_request_overview {
div.ancestor {
margin: -33px 0;
}
}
div.ancestor {
}
.cs_icon_td input[type="checkbox"] {
display: none;
}
.cs_icon_td .expand_file_icon:after {
cursor: pointer;
content: "\00A0\25B6";
font-size: 12px;
color: @grey4;
}
.cs_icon_td .collapse_file_icon:after {
cursor: pointer;
content: "\00A0\25BC";
font-size: 12px;
color: @grey4;
}
/*new binary
NEW_FILENODE = 1
DEL_FILENODE = 2
MOD_FILENODE = 3
RENAMED_FILENODE = 4
COPIED_FILENODE = 5
CHMOD_FILENODE = 6
BIN_FILENODE = 7
*/
.cs_files_expand {
font-size: @basefontsize + 5px;
line-height: 1.8em;
float: right;
}
.cs_files_expand span{
color: @rcblue;
cursor: pointer;
}
.cs_files {
clear: both;
padding-bottom: @padding;
.cur_cs {
margin: 10px 2px;
font-weight: bold;
}
.node {
float: left;
}
.changes {
float: right;
color: white;
font-size: @basefontsize - 4px;
margin-top: 4px;
opacity: 0.6;
filter: Alpha(opacity=60); /* IE8 and earlier */
.added {
background-color: @alert1;
float: left;
text-align: center;
}
.deleted {
background-color: @alert2;
float: left;
text-align: center;
}
.bin {
background-color: @alert1;
text-align: center;
}
/*new binary*/
.bin.bin1 {
background-color: @alert1;
text-align: center;
}
/*deleted binary*/
.bin.bin2 {
background-color: @alert2;
text-align: center;
}
/*mod binary*/
.bin.bin3 {
background-color: @grey2;
text-align: center;
}
/*rename file*/
.bin.bin4 {
background-color: @alert4;
text-align: center;
}
/*copied file*/
.bin.bin5 {
background-color: @alert4;
text-align: center;
}
/*chmod file*/
.bin.bin6 {
background-color: @grey2;
text-align: center;
}
}
}
.cs_files .cs_added, .cs_files .cs_A,
.cs_files .cs_added, .cs_files .cs_M,
.cs_files .cs_added, .cs_files .cs_D {
height: 16px;
padding-right: 10px;
margin-top: 7px;
text-align: left;
}
.cs_icon_td {
min-width: 16px;
width: 16px;
}
.pull-request-merge {
border: 1px solid @grey5;
padding: 10px 0px 20px;
margin-top: 10px;
margin-bottom: 20px;
}
.pull-request-merge-refresh {
margin: 2px 7px;
a {
color: @grey3;
}
}
.pull-request-merge ul {
padding: 0px 0px;
}
.pull-request-merge li {
list-style-type: none;
}
.pull-request-merge .pull-request-wrap {
height: auto;
padding: 0px 0px;
text-align: right;
}
.pull-request-merge span {
margin-right: 5px;
}
.pull-request-merge-actions {
min-height: 30px;
padding: 0px 0px;
}
.pull-request-merge-info {
padding: 0px 5px 5px 0px;
}
.merge-status {
margin-right: 5px;
}
.merge-message {
font-size: 1.2em
}
.merge-message.success i,
.merge-icon.success i {
color:@alert1;
}
.merge-message.warning i,
.merge-icon.warning i {
color: @alert3;
}
.merge-message.error i,
.merge-icon.error i {
color:@alert2;
}
.pr-versions {
font-size: 1.1em;
padding: 7.5px;
table {
}
td {
line-height: 15px;
}
.compare-radio-button {
position: relative;
top: -3px;
}
}
#close_pull_request {
margin-right: 0px;
}
.empty_data {
color: @grey4;
}
#changeset_compare_view_content {
clear: both;
width: 100%;
box-sizing: border-box;
.border-radius(@border-radius);
.help-block {
margin: @padding 0;
color: @text-color;
&.pre-formatting {
white-space: pre;
}
}
.empty_data {
margin: @padding 0;
}
.alert {
margin-bottom: @space;
}
}
.table_disp {
.status {
width: auto;
}
}
.creation_in_progress {
color: @grey4
}
.status_box_menu {
margin: 0;
}
.notification-table{
margin-bottom: @space;
display: table;
width: 100%;
.container{
display: table-row;
.notification-header{
border-bottom: @border-thickness solid @border-default-color;
}
.notification-subject{
display: table-cell;
}
}
}
// Notifications
.notification-header{
display: table;
width: 100%;
padding: floor(@basefontsize/2) 0;
line-height: 1em;
.desc, .delete-notifications, .read-notifications{
display: table-cell;
text-align: left;
}
.delete-notifications, .read-notifications{
width: 35px;
min-width: 35px; //fixes when only one button is displayed
}
}
.notification-body {
.markdown-block,
.rst-block {
padding: @padding 0;
}
.notification-subject {
padding: @textmargin 0;
border-bottom: @border-thickness solid @border-default-color;
}
}
.notice-messages {
.markdown-block,
.rst-block {
padding: 0;
}
}
.notifications_buttons{
float: right;
}
#notification-status{
display: inline;
}
// Repositories
#summary.fields{
display: table;
.field{
display: table-row;
.label-summary{
display: table-cell;
min-width: @label-summary-minwidth;
padding-top: @padding/2;
padding-bottom: @padding/2;
padding-right: @padding/2;
}
.input{
display: table-cell;
padding: @padding/2;
input{
min-width: 29em;
padding: @padding/4;
}
}
.statistics, .downloads{
.disabled{
color: @grey4;
}
}
}
}
#summary{
width: 70%;
}
// Journal
.journal.title {
h5 {
float: left;
margin: 0;
width: 70%;
}
ul {
float: right;
display: inline-block;
margin: 0;
width: 30%;
text-align: right;
li {
display: inline;
font-size: @journal-fontsize;
line-height: 1em;
list-style-type: none;
}
}
}
.filterexample {
position: absolute;
top: 95px;
left: @contentpadding;
color: @rcblue;
font-size: 11px;
font-family: @text-regular;
cursor: help;
&:hover {
color: @rcdarkblue;
}
@media (max-width:768px) {
position: relative;
top: auto;
left: auto;
display: block;
}
}
#journal{
margin-bottom: @space;
.journal_day{
margin-bottom: @textmargin/2;
padding-bottom: @textmargin/2;
font-size: @journal-fontsize;
border-bottom: @border-thickness solid @border-default-color;
}
.journal_container{
margin-bottom: @space;
.journal_user{
display: inline-block;
}
.journal_action_container{
display: block;
margin-top: @textmargin;
div{
display: inline;
}
div.journal_action_params{
display: block;
}
div.journal_repo:after{
content: "\A";
white-space: pre;
}
div.date{
display: block;
margin-bottom: @textmargin;
}
}
}
}
// Files
.edit-file-title {
font-size: 16px;
.title-heading {
padding: 2px;
}
}
.edit-file-fieldset {
margin: @sidebarpadding 0;
.fieldset {
.left-label {
width: 13%;
}
.right-content {
width: 87%;
max-width: 100%;
}
.filename-label {
margin-top: 13px;
}
.commit-message-label {
margin-top: 4px;
}
.file-upload-input {
input {
display: none;
}
margin-top: 10px;
}
.file-upload-label {
margin-top: 10px;
}
p {
margin-top: 5px;
}
}
.custom-path-link {
margin-left: 5px;
}
#commit {
resize: vertical;
}
}
.delete-file-preview {
max-height: 250px;
}
.new-file,
#filter_activate,
#filter_deactivate {
float: right;
margin: 0 0 0 10px;
}
.file-upload-transaction-wrapper {
margin-top: 57px;
clear: both;
}
.file-upload-transaction-wrapper .error {
color: @color5;
}
.file-upload-transaction {
min-height: 200px;
padding: 54px;
border: 1px solid @grey5;
text-align: center;
clear: both;
}
.file-upload-transaction i {
font-size: 48px
}
h3.files_location{
line-height: 2.4em;
}
.browser-nav {
width: 100%;
display: table;
margin-bottom: 20px;
.info_box {
float: left;
display: inline-table;
height: 2.5em;
.browser-cur-rev, .info_box_elem {
display: table-cell;
vertical-align: middle;
}
.drop-menu {
margin: 0 10px;
}
.info_box_elem {
border-top: @border-thickness solid @grey5;
border-bottom: @border-thickness solid @grey5;
box-shadow: @button-shadow;
#at_rev, a {
padding: 0.6em 0.4em;
margin: 0;
.box-shadow(none);
border: 0;
height: 12px;
color: @grey2;
}
input#at_rev {
max-width: 50px;
text-align: center;
}
&.previous {
border: @border-thickness solid @grey5;
border-top-left-radius: @border-radius;
border-bottom-left-radius: @border-radius;
&:hover {
border-color: @grey4;
}
.disabled {
color: @grey5;
cursor: not-allowed;
opacity: 0.5;
}
}
&.next {
border: @border-thickness solid @grey5;
border-top-right-radius: @border-radius;
border-bottom-right-radius: @border-radius;
&:hover {
border-color: @grey4;
}
.disabled {
color: @grey5;
cursor: not-allowed;
opacity: 0.5;
}
}
}
.browser-cur-rev {
span{
margin: 0;
color: @rcblue;
height: 12px;
display: inline-block;
padding: 0.7em 1em ;
border: @border-thickness solid @rcblue;
margin-right: @padding;
}
}
}
.select-index-number {
margin: 0 0 0 20px;
color: @grey3;
}
.search_activate {
display: table-cell;
vertical-align: middle;
input, label{
margin: 0;
padding: 0;
}
input{
margin-left: @textmargin;
}
}
}
.browser-cur-rev{
margin-bottom: @textmargin;
}
#node_filter_box_loading{
.info_text;
}
.browser-search {
margin: -25px 0px 5px 0px;
}
.files-quick-filter {
float: right;
width: 180px;
position: relative;
}
.files-filter-box {
display: flex;
padding: 0px;
border-radius: 3px;
margin-bottom: 0;
a {
border: none !important;
}
li {
list-style-type: none
}
}
.files-filter-box-path {
line-height: 33px;
padding: 0;
width: 20px;
position: absolute;
z-index: 11;
left: 5px;
}
.files-filter-box-input {
margin-right: 0;
input {
border: 1px solid @white;
padding-left: 25px;
width: 145px;
&:hover {
border-color: @grey6;
}
&:focus {
border-color: @grey5;
}
}
}
.browser-result{
td a{
margin-left: 0.5em;
display: inline-block;
em {
font-weight: @text-bold-weight;
font-family: @text-bold;
}
}
}
.browser-highlight{
background-color: @grey5-alpha;
}
.edit-file-fieldset #location,
.edit-file-fieldset #filename {
display: flex;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
border: 0;
}
.path-items {
display: flex;
padding: 0;
border: 1px solid #eeeeee;
width: 100%;
float: left;
.breadcrumb-path {
line-height: 30px;
padding: 0 4px;
white-space: nowrap;
}
.upload-form {
margin-top: 46px;
}
.location-path {
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
.file-name-input {
padding: 0.5em 0;
}
}
ul {
display: flex;
margin: 0;
padding: 0;
width: 100%;
}
li {
list-style-type: none;
}
}
.editor-items {
height: 40px;
margin: 10px 0 -17px 10px;
.editor-action {
cursor: pointer;
}
.editor-action.active {
border-bottom: 2px solid #5C5C5C;
}
li {
list-style-type: none;
}
}
.edit-file-fieldset .message textarea {
border: 1px solid #eeeeee;
}
#files_data .codeblock {
background-color: #F5F5F5;
}
#editor_preview {
background: white;
}
.show-editor {
padding: 10px;
background-color: white;
}
.show-preview {
padding: 10px;
background-color: white;
border-left: 1px solid #eeeeee;
}
// quick filter
.grid-quick-filter {
float: right;
position: relative;
}
.grid-filter-box {
display: flex;
padding: 0px;
border-radius: 3px;
margin-bottom: 0;
a {
border: none !important;
}
li {
list-style-type: none
}
}
.grid-filter-box-icon {
line-height: 33px;
padding: 0;
width: 20px;
position: absolute;
z-index: 11;
left: 5px;
}
.grid-filter-box-input {
margin-right: 0;
input {
border: 1px solid @white;
padding-left: 25px;
width: 145px;
&:hover {
border-color: @grey6;
}
&:focus {
border-color: @grey5;
}
}
}
// Search
.search-form{
#q {
width: @search-form-width;
}
.fields{
margin: 0 0 @space;
}
label{
display: inline-block;
margin-right: @textmargin;
padding-top: 0.25em;
}
.results{
clear: both;
margin: 0 0 @padding;
}
.search-tags {
padding: 5px 0;
}
}
div.search-feedback-items {
display: inline-block;
}
div.search-code-body {
background-color: #ffffff; padding: 5px 0 5px 10px;
pre {
.match { background-color: #faffa6;}
.break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
}
}
.expand_commit.search {
.show_more.open {
height: auto;
max-height: none;
}
}
.search-results {
h2 {
margin-bottom: 0;
}
.codeblock {
border: none;
background: transparent;
}
.codeblock-header {
border: none;
background: transparent;
}
.code-body {
border: @border-thickness solid @grey6;
.border-radius(@border-radius);
}
.td-commit {
&:extend(pre);
border-bottom: @border-thickness solid @border-default-color;
}
.message {
height: auto;
max-width: 350px;
white-space: normal;
text-overflow: initial;
overflow: visible;
.match { background-color: #faffa6;}
.break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
}
.path {
border-bottom: none !important;
border-left: 1px solid @grey6 !important;
border-right: 1px solid @grey6 !important;
}
}
table.rctable td.td-search-results div {
max-width: 100%;
}
#tip-box, .tip-box{
padding: @menupadding/2;
display: block;
border: @border-thickness solid @border-highlight-color;
.border-radius(@border-radius);
background-color: white;
z-index: 99;
white-space: pre-wrap;
}
#linktt {
width: 79px;
}
#help_kb .modal-content{
max-width: 750px;
margin: 10% auto;
table{
td,th{
border-bottom: none;
line-height: 2.5em;
}
th{
padding-bottom: @textmargin/2;
}
td.keys{
text-align: center;
}
}
.block-left{
width: 45%;
margin-right: 5%;
}
.modal-footer{
clear: both;
}
.key.tag{
padding: 0.5em;
background-color: @rcblue;
color: white;
border-color: @rcblue;
.box-shadow(none);
}
}
//--- IMPORTS FOR REFACTORED STYLES ------------------//
@import 'statistics-graph';
@import 'tables';
@import 'forms';
@import 'diff';
@import 'summary';
@import 'navigation';
//--- SHOW/HIDE SECTIONS --//
.btn-collapse {
float: right;
text-align: right;
font-family: @text-light;
font-size: @basefontsize;
cursor: pointer;
border: none;
color: @rcblue;
}
table.rctable,
table.dataTable {
.btn-collapse {
float: right;
text-align: right;
}
}
table.rctable {
&.permissions {
th.td-owner {
padding: 0;
}
th {
font-weight: normal;
padding: 0 5px;
}
}
}
// TODO: johbo: Fix for IE10, this avoids that we see a border
// and padding around checkboxes and radio boxes. Move to the right place,
// or better: Remove this once we did the form refactoring.
input[type=checkbox],
input[type=radio] {
padding: 0;
border: none;
}
.toggle-ajax-spinner{
height: 16px;
width: 16px;
}
.markup-form .clearfix {
.border-radius(@border-radius);
margin: 0px;
}
.markup-form-area {
padding: 8px 12px;
border: 1px solid @grey4;
.border-radius(@border-radius);
}
.markup-form-area-header .nav-links {
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
width: 100%;
}
.markup-form-area-footer {
display: flex;
}
.markup-form-area-footer .toolbar {
}
// markup Form
div.markup-form {
margin-top: 20px;
}
.markup-form strong {
display: block;
margin-bottom: 15px;
}
.markup-form textarea {
width: 100%;
height: 100px;
font-family: @text-monospace;
}
form.markup-form {
margin-top: 10px;
margin-left: 10px;
}
.markup-form .comment-block-ta,
.markup-form .preview-box {
.border-radius(@border-radius);
.box-sizing(border-box);
background-color: white;
}
.markup-form .preview-box.unloaded {
height: 50px;
text-align: center;
padding: 20px;
background-color: white;
}
.dropzone-wrapper {
border: 1px solid @grey5;
padding: 20px;
}
.dropzone,
.dropzone-pure {
border: 2px dashed @grey5;
border-radius: 5px;
background: white;
min-height: 200px;
padding: 54px;
.dz-message {
font-weight: 700;
text-align: center;
margin: 2em 0;
}
}
.dz-preview {
margin: 10px 0 !important;
position: relative;
vertical-align: top;
padding: 10px;
border-bottom: 1px solid @grey5;
}
.dz-filename {
font-weight: 700;
float: left;
}
.dz-sending {
float: right;
}
.dz-response {
clear: both
}
.dz-filename-size {
float: right
}
.dz-error-message {
color: @alert2;
padding-top: 10px;
clear: both;
}
.user-hovercard {
padding: 5px;
}
.user-hovercard-icon {
display: inline;
padding: 0;
box-sizing: content-box;
border-radius: 50%;
float: left;
}
.user-hovercard-name {
float: right;
vertical-align: top;
padding-left: 10px;
min-width: 150px;
}
.user-hovercard-bio {
clear: both;
padding-top: 10px;
}
.user-hovercard-header {
clear: both;
min-height: 10px;
}
.user-hovercard-footer {
clear: both;
min-height: 10px;
}
.user-group-hovercard {
padding: 5px;
}
.user-group-hovercard-icon {
display: inline;
padding: 0;
box-sizing: content-box;
border-radius: 50%;
float: left;
}
.user-group-hovercard-name {
float: left;
vertical-align: top;
padding-left: 10px;
min-width: 150px;
}
.user-group-hovercard-icon i {
border: 1px solid @grey4;
border-radius: 4px;
}
.user-group-hovercard-bio {
clear: both;
padding-top: 10px;
line-height: 1.0em;
}
.user-group-hovercard-header {
clear: both;
min-height: 10px;
}
.user-group-hovercard-footer {
clear: both;
min-height: 10px;
}
.pr-hovercard-header {
clear: both;
display: block;
line-height: 20px;
}
.pr-hovercard-user {
display: flex;
align-items: center;
padding-left: 5px;
}
.pr-hovercard-title {
padding-top: 5px;
}