debian-mirror-gitlab/app/assets/stylesheets/pages/merge_requests.scss

240 lines
3.5 KiB
SCSS
Raw Normal View History

2015-09-11 14:41:01 +05:30
/**
* MR -> show: Automerge widget
2015-04-26 12:48:37 +05:30
*
*/
2015-09-11 14:41:01 +05:30
.mr-state-widget {
background: $background-color;
2015-09-25 12:07:36 +05:30
color: $gl-gray;
border: 1px solid $border-color;
2015-10-24 18:46:33 +05:30
@include border-radius(2px);
2015-09-11 14:41:01 +05:30
2015-04-26 12:48:37 +05:30
form {
margin-bottom: 0;
.clearfix {
margin-bottom: 0;
}
}
.accept-merge-holder {
.accept-action {
display: inline-block;
2015-12-23 02:04:40 +05:30
float: left;
2015-11-26 14:37:03 +05:30
.accept_merge_request {
&.ci-pending,
&.ci-running {
@include btn-orange;
}
&.ci-skipped,
&.ci-failed,
&.ci-canceled,
&.ci-error {
@include btn-red;
}
}
2015-04-26 12:48:37 +05:30
}
.accept-control {
display: inline-block;
2015-12-23 02:04:40 +05:30
float: left;
2015-04-26 12:48:37 +05:30
margin: 0;
margin-left: 20px;
2015-09-11 14:41:01 +05:30
padding: 5px;
2015-12-23 02:04:40 +05:30
padding-top: 12px;
2015-04-26 12:48:37 +05:30
line-height: 20px;
2015-09-25 12:07:36 +05:30
&.right {
float: right;
a {
color: $gl-gray;
}
}
2015-04-26 12:48:37 +05:30
.remove_source_checkbox {
margin: 0;
}
}
}
2015-09-11 14:41:01 +05:30
.ci_widget {
2015-09-25 12:07:36 +05:30
border-bottom: 1px solid #eef0f2;
2015-09-11 14:41:01 +05:30
i {
margin-right: 4px;
}
&.ci-success {
color: $gl-success;
}
&.ci-skipped {
background-color: #eee;
color: #888;
}
&.ci-pending,
&.ci-running {
color: $gl-warning;
}
&.ci-failed,
&.ci-canceled,
&.ci-error {
color: $gl-danger;
}
2015-12-23 02:04:40 +05:30
a.monospace {
color: inherit;
}
2015-09-11 14:41:01 +05:30
}
.mr-widget-body,
.ci_widget,
.mr-widget-footer {
2015-12-23 02:04:40 +05:30
padding: $gl-padding;
2015-09-11 14:41:01 +05:30
}
2015-10-24 18:46:33 +05:30
.normal {
color: #5c5d5e;
}
2015-09-11 14:41:01 +05:30
.mr-widget-body {
h4 {
2015-10-24 18:46:33 +05:30
font-weight: 600;
font-size: 17px;
2015-09-11 14:41:01 +05:30
margin: 5px 0;
2015-10-24 18:46:33 +05:30
color: #313236;
2015-09-11 14:41:01 +05:30
}
p:last-child {
margin-bottom: 0;
}
}
.mr-widget-footer {
border-top: 1px solid #EEE;
}
.ci-coverage {
float: right;
}
2015-04-26 12:48:37 +05:30
}
.mr_source_commit,
.mr_target_commit {
.commit {
margin: 0;
padding: 2px 0;
list-style: none;
&:hover {
background: none;
}
}
}
.label-branch {
2015-10-24 18:46:33 +05:30
color: #313236;
2015-04-26 12:48:37 +05:30
font-family: $monospace_font;
2015-09-11 14:41:01 +05:30
font-weight: bold;
2015-04-26 12:48:37 +05:30
overflow: hidden;
2015-12-23 02:04:40 +05:30
font-size: 90%;
2015-10-24 18:46:33 +05:30
margin: 0 3px;
2015-04-26 12:48:37 +05:30
}
.mr-list {
.merge-request {
padding: 10px 15px;
position: relative;
.merge-request-title {
margin-bottom: 5px;
font-size: $list-font-size;
font-weight: 600;
2015-04-26 12:48:37 +05:30
}
.merge-request-info {
2015-09-25 12:07:36 +05:30
color: $gl-gray;
2015-04-26 12:48:37 +05:30
}
2015-09-11 14:41:01 +05:30
}
.merge-request-labels {
display: inline-block;
}
.merge-request-no-comments {
opacity: 0.5;
2015-04-26 12:48:37 +05:30
}
}
.merge-request-angle {
text-align: center;
margin: 0 auto;
font-size: 2em;
line-height: 1.1;
}
// hide mr close link for inline diff comment form
.diff-file .close-mr-link,
.diff-file .reopen-mr-link {
display: none;
}
.merge-request-form .select2-container {
width: 250px !important;
}
2015-09-11 14:41:01 +05:30
#modal_merge_info .modal-dialog {
width: 600px;
2015-11-26 14:37:03 +05:30
.btn-clipboard {
@extend .pull-right;
2015-12-23 02:04:40 +05:30
margin-right: 20px;
2015-11-26 14:37:03 +05:30
margin-top: 5px;
position: absolute;
right: 0;
}
2015-09-11 14:41:01 +05:30
}
.mr-source-target {
line-height: 31px;
}
2016-04-02 18:10:28 +05:30
.disabled-comment-area {
padding: 16px 0;
.disabled-profile {
width: 40px;
height: 40px;
background: $border-gray-dark;
border-radius: 20px;
display: inline-block;
margin-right: 10px;
}
.disabled-comment {
background: $gray-light;
display: inline-block;
vertical-align: top;
height: 200px;
border-radius: 4px;
border: 1px solid $border-gray-normal;
padding-top: 90px;
text-align: center;
right: 20px;
position: absolute;
left: 70px;
margin-bottom: 20px;
span {
color: #B2B2B2;
a {
color: $md-link-color;
}
}
}
}