2015-09-07 16:04:23 -04:00
|
|
|
.issuable-details {
|
2015-12-10 13:03:48 -05:00
|
|
|
section {
|
2015-12-17 04:34:15 -05:00
|
|
|
.issuable-discussion {
|
2015-12-10 13:03:48 -05:00
|
|
|
margin-right: 1px;
|
|
|
|
}
|
|
|
|
}
|
2015-09-07 16:04:23 -04:00
|
|
|
}
|
2015-10-22 10:08:45 -04:00
|
|
|
|
|
|
|
.issuable-filter-count {
|
|
|
|
span {
|
|
|
|
display: block;
|
|
|
|
margin-bottom: -16px;
|
|
|
|
padding: 13px 0;
|
|
|
|
}
|
|
|
|
}
|
2015-10-23 09:29:53 -04:00
|
|
|
|
2015-12-03 14:01:35 -05:00
|
|
|
.issuable-show-labels {
|
|
|
|
a {
|
|
|
|
margin-right: 5px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
display: inline-block;
|
|
|
|
.color-label {
|
|
|
|
padding: 6px 10px;
|
|
|
|
}
|
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
|
|
|
|
&.has-labels {
|
|
|
|
margin-bottom: -5px;
|
|
|
|
}
|
2015-12-03 14:01:35 -05:00
|
|
|
}
|
|
|
|
|
2016-04-20 05:11:22 -04:00
|
|
|
.right-sidebar {
|
2016-03-21 05:07:53 -04:00
|
|
|
a {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
2016-06-07 04:44:01 -04:00
|
|
|
.issuable-header-text {
|
|
|
|
margin-top: 7px;
|
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.block {
|
|
|
|
@include clearfix;
|
2016-03-16 19:40:12 -04:00
|
|
|
padding: $gl-padding 0;
|
2016-02-02 14:27:45 -05:00
|
|
|
border-bottom: 1px solid $border-gray-light;
|
2016-02-05 05:53:06 -05:00
|
|
|
// This prevents the mess when resizing the sidebar
|
2016-01-28 18:26:47 -05:00
|
|
|
// of elements repositioning themselves..
|
2016-02-03 16:04:48 -05:00
|
|
|
width: $gutter_inner_width;
|
2016-01-28 18:26:47 -05:00
|
|
|
// --
|
2015-10-23 09:29:53 -04:00
|
|
|
|
2016-03-04 12:37:07 -05:00
|
|
|
&.issuable-sidebar-header {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 10px;
|
2016-01-27 22:50:18 -05:00
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
&:last-child {
|
|
|
|
border: none;
|
|
|
|
}
|
2016-01-27 22:50:18 -05:00
|
|
|
|
2016-02-05 18:29:17 -05:00
|
|
|
span {
|
2016-01-27 22:50:18 -05:00
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2016-02-05 18:29:17 -05:00
|
|
|
.select2-container span {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2016-01-27 23:47:37 -05:00
|
|
|
.gutter-toggle {
|
2016-02-03 16:04:48 -05:00
|
|
|
margin-left: 20px;
|
2016-01-27 22:50:18 -05:00
|
|
|
padding-left: 10px;
|
2016-02-05 18:25:26 -05:00
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $gray-darkest;
|
|
|
|
}
|
2016-01-27 22:50:18 -05:00
|
|
|
}
|
2015-10-23 09:29:53 -04:00
|
|
|
}
|
2015-11-19 04:50:38 -05:00
|
|
|
|
2016-04-20 05:11:22 -04:00
|
|
|
.block-first {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.title {
|
|
|
|
color: $gl-text-color;
|
2016-03-04 12:37:07 -05:00
|
|
|
margin-bottom: 10px;
|
|
|
|
line-height: 1;
|
2015-11-11 08:12:51 -05:00
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.avatar {
|
|
|
|
margin-left: 0;
|
2015-11-11 08:12:51 -05:00
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.edit-link {
|
|
|
|
color: $gl-gray;
|
2016-03-04 12:37:07 -05:00
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $md-link-color;
|
|
|
|
}
|
2015-11-19 04:50:38 -05:00
|
|
|
}
|
2015-11-11 08:12:51 -05:00
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.cross-project-reference {
|
2016-03-21 05:07:53 -04:00
|
|
|
color: inherit;
|
2016-01-14 07:59:28 -05:00
|
|
|
|
2016-01-07 15:18:07 -05:00
|
|
|
span {
|
|
|
|
white-space: nowrap;
|
2016-01-07 15:25:38 -05:00
|
|
|
width: 85%;
|
2016-01-07 15:18:07 -05:00
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
2015-11-17 06:16:16 -05:00
|
|
|
|
2016-01-13 21:21:57 -05:00
|
|
|
cite {
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
button {
|
|
|
|
float: right;
|
2016-01-13 22:07:15 -05:00
|
|
|
padding: 3px 5px;
|
2015-11-17 06:16:16 -05:00
|
|
|
}
|
2015-12-10 13:03:48 -05:00
|
|
|
}
|
2015-11-19 04:50:38 -05:00
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.selectbox {
|
|
|
|
display: none
|
|
|
|
}
|
2015-11-19 04:50:38 -05:00
|
|
|
|
2015-12-10 13:03:48 -05:00
|
|
|
.btn-clipboard {
|
|
|
|
color: $gl-gray;
|
2015-11-11 08:12:51 -05:00
|
|
|
}
|
2015-12-10 13:03:48 -05:00
|
|
|
}
|
2016-01-27 17:38:19 -05:00
|
|
|
|
|
|
|
.right-sidebar {
|
|
|
|
position: fixed;
|
2016-05-13 12:21:31 -04:00
|
|
|
top: $header-height;
|
2016-02-22 09:58:25 -05:00
|
|
|
bottom: 0;
|
2016-01-27 17:38:19 -05:00
|
|
|
right: 0;
|
2016-04-14 09:59:16 -04:00
|
|
|
z-index: 10;
|
2016-02-22 09:58:25 -05:00
|
|
|
transition: width .3s;
|
2016-01-27 17:38:19 -05:00
|
|
|
background: $gray-light;
|
|
|
|
padding: 10px 20px;
|
2016-01-27 22:50:18 -05:00
|
|
|
|
2016-01-27 23:47:37 -05:00
|
|
|
&.right-sidebar-expanded {
|
|
|
|
width: $gutter_width;
|
2016-01-28 20:36:48 -05:00
|
|
|
|
2016-03-04 12:37:07 -05:00
|
|
|
.value {
|
|
|
|
line-height: 1;
|
2016-03-19 20:19:51 -04:00
|
|
|
|
|
|
|
.assign-yourself {
|
|
|
|
margin-top: 10px;
|
|
|
|
display: block;
|
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.bold {
|
|
|
|
font-weight: 600;
|
2016-01-28 20:36:48 -05:00
|
|
|
}
|
2016-02-22 09:58:25 -05:00
|
|
|
|
2016-05-19 06:34:40 -04:00
|
|
|
.light {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
2016-06-02 06:03:33 -04:00
|
|
|
.no-value {
|
2016-06-02 06:06:07 -04:00
|
|
|
color: $gl-placeholder-color;
|
2016-06-02 06:03:33 -04:00
|
|
|
}
|
|
|
|
|
2016-02-22 09:58:25 -05:00
|
|
|
.sidebar-collapsed-icon {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gutter-toggle {
|
2016-03-04 12:37:07 -05:00
|
|
|
margin-top: 7px;
|
2016-02-22 09:58:25 -05:00
|
|
|
border-left: 1px solid $border-gray-light;
|
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
|
2016-03-04 12:39:48 -05:00
|
|
|
.assignee .avatar {
|
2016-03-04 12:37:07 -05:00
|
|
|
float: left;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.username {
|
|
|
|
display: block;
|
|
|
|
margin-top: 4px;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
2016-01-27 23:47:37 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
&.right-sidebar-collapsed {
|
2016-03-04 09:05:32 -05:00
|
|
|
/* Extra small devices (phones, less than 768px) */
|
|
|
|
display: none;
|
|
|
|
/* Small devices (tablets, 768px and up) */
|
2016-03-02 12:17:26 -05:00
|
|
|
@media (min-width: $screen-sm-min) {
|
|
|
|
display: block
|
|
|
|
}
|
|
|
|
|
2016-01-27 23:47:37 -05:00
|
|
|
width: $sidebar_collapsed_width;
|
2016-01-28 20:36:48 -05:00
|
|
|
padding-top: 0;
|
|
|
|
|
|
|
|
.block {
|
2016-02-22 09:58:25 -05:00
|
|
|
width: $sidebar_collapsed_width - 1px;
|
|
|
|
margin-left: -19px;
|
2016-03-18 17:18:00 -04:00
|
|
|
padding: 15px 0 0;
|
2016-02-22 09:58:25 -05:00
|
|
|
border-bottom: none;
|
|
|
|
overflow: hidden;
|
2016-01-28 20:36:48 -05:00
|
|
|
}
|
2016-02-05 18:21:50 -05:00
|
|
|
|
2016-03-04 12:37:07 -05:00
|
|
|
.participants {
|
|
|
|
border-bottom: 1px solid $border-gray-light;
|
|
|
|
}
|
|
|
|
|
2016-02-25 05:35:52 -05:00
|
|
|
.hide-collapsed {
|
2016-01-28 00:06:36 -05:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-01-28 18:26:47 -05:00
|
|
|
.gutter-toggle {
|
2016-03-04 12:37:07 -05:00
|
|
|
width: 100%;
|
|
|
|
margin-left: 0;
|
|
|
|
padding-left: 25px;
|
2016-01-28 18:26:47 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-collapsed-icon {
|
|
|
|
display: block;
|
2016-02-22 09:58:25 -05:00
|
|
|
width: 100%;
|
2016-01-28 19:27:42 -05:00
|
|
|
text-align: center;
|
2016-01-28 20:36:48 -05:00
|
|
|
padding-bottom: 10px;
|
2016-03-15 15:56:28 -04:00
|
|
|
color: #999;
|
2016-01-28 20:36:48 -05:00
|
|
|
|
|
|
|
span {
|
|
|
|
display: block;
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
2016-02-05 19:43:18 -05:00
|
|
|
|
2016-03-07 03:40:19 -05:00
|
|
|
.author {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-02-05 19:43:18 -05:00
|
|
|
.btn-clipboard {
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
i {
|
2016-03-15 15:56:28 -04:00
|
|
|
color: #999;
|
2016-02-05 19:43:18 -05:00
|
|
|
}
|
|
|
|
}
|
2016-01-28 18:26:47 -05:00
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
|
|
|
|
.sidebar-collapsed-user {
|
|
|
|
padding-bottom: 0;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
2016-06-15 13:38:47 -04:00
|
|
|
|
|
|
|
.issuable-header-btn {
|
|
|
|
display: none;
|
|
|
|
}
|
2016-01-28 00:06:36 -05:00
|
|
|
}
|
|
|
|
|
2016-06-07 04:44:01 -04:00
|
|
|
.issuable-header-btn {
|
2016-02-22 09:58:25 -05:00
|
|
|
background: $gray-normal;
|
|
|
|
border: 1px solid $border-gray-normal;
|
2016-06-15 13:38:47 -04:00
|
|
|
|
2016-02-22 09:58:25 -05:00
|
|
|
&:hover {
|
|
|
|
background: $gray-dark;
|
|
|
|
border: 1px solid $border-gray-dark;
|
2016-01-28 00:06:36 -05:00
|
|
|
}
|
2016-04-14 20:47:53 -04:00
|
|
|
|
|
|
|
&.btn-primary {
|
|
|
|
@extend .btn-primary
|
|
|
|
}
|
2016-01-28 00:06:36 -05:00
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
|
2016-06-07 04:55:53 -04:00
|
|
|
a {
|
2016-03-04 12:37:07 -05:00
|
|
|
&:hover {
|
|
|
|
color: $md-link-color;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
}
|
2016-03-21 05:07:53 -04:00
|
|
|
|
2016-04-07 10:56:59 -04:00
|
|
|
.dropdown-content {
|
|
|
|
a:hover {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-03-12 06:52:50 -05:00
|
|
|
.dropdown-menu-toggle {
|
|
|
|
width: 100%;
|
2016-03-19 11:39:34 -04:00
|
|
|
padding-top: 6px;
|
2016-03-12 06:52:50 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.open .dropdown-menu {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2016-02-05 05:53:06 -05:00
|
|
|
}
|
2016-02-04 19:53:54 -05:00
|
|
|
|
|
|
|
.detail-page-description {
|
|
|
|
small {
|
|
|
|
color: $gray-darkest;
|
|
|
|
}
|
2016-02-22 09:58:25 -05:00
|
|
|
}
|
2016-03-02 06:33:55 -05:00
|
|
|
|
|
|
|
.edited-text {
|
|
|
|
color: $gray-darkest;
|
|
|
|
|
|
|
|
.author_link {
|
|
|
|
color: $gray-darkest;
|
|
|
|
}
|
|
|
|
}
|
2016-03-04 12:37:07 -05:00
|
|
|
|
|
|
|
.participants-list {
|
2016-03-18 17:18:00 -04:00
|
|
|
margin: -5px;
|
2016-03-04 12:37:07 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.participants-author {
|
|
|
|
display: inline-block;
|
2016-03-18 17:18:00 -04:00
|
|
|
padding: 5px;
|
2016-03-04 12:37:07 -05:00
|
|
|
|
|
|
|
.author_link {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar.avatar-inline {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.participants-more {
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-left: 5px;
|
|
|
|
|
|
|
|
a {
|
2016-06-02 06:06:07 -04:00
|
|
|
color: $gl-placeholder-color;
|
2016-03-04 12:37:07 -05:00
|
|
|
}
|
|
|
|
}
|
2016-04-11 12:04:01 -04:00
|
|
|
|
|
|
|
.issuable-form-padding-top {
|
|
|
|
@media (min-width: $screen-sm-min) {
|
|
|
|
padding-top: 7px;
|
|
|
|
}
|
|
|
|
}
|
2016-04-01 06:55:26 -04:00
|
|
|
|
|
|
|
.issuable-status-box {
|
|
|
|
float: none;
|
|
|
|
display: inline-block;
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
|
|
@media (max-width: $screen-xs-max) {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.issuable-header {
|
|
|
|
position: relative;
|
|
|
|
padding-left: 45px;
|
|
|
|
padding-right: 45px;
|
|
|
|
line-height: 35px;
|
|
|
|
|
|
|
|
@media (min-width: $screen-sm-min) {
|
|
|
|
float: left;
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.issuable-actions {
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
|
|
@media (min-width: $screen-sm-min) {
|
|
|
|
float: right;
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.issuable-gutter-toggle {
|
|
|
|
@media (max-width: $screen-sm-max) {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.issuable-meta {
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 18px;
|
|
|
|
}
|