gitlab-org--gitlab-foss/app/assets/stylesheets/pages/detail_page.scss
Erik van der Gaag 5271c3bc41 Fixes issue height of detail-page-header
detail-page-header-body class was making the height of the header 1 pixel too big to fit evenly
2019-05-23 19:41:30 +00:00

62 lines
968 B
SCSS

.detail-page-header {
padding: $gl-padding-top 0;
border-bottom: 1px solid $border-color;
color: $gl-text-color;
line-height: 34px;
display: flex;
a {
color: $gl-text-color;
}
.issue_created_ago,
.author-link {
white-space: nowrap;
}
@include media-breakpoint-down(xs) {
display: block;
}
}
.detail-page-header-body {
position: relative;
display: flex;
flex: 1 1;
min-width: 0;
@include media-breakpoint-up(sm) {
padding-left: 0;
padding-right: 0;
}
}
.detail-page-header-actions {
align-self: center;
flex: 0 0 auto;
@include media-breakpoint-down(xs) {
width: 100%;
margin-top: 10px;
> .issue-btn-group {
> .btn {
width: 100%;
}
}
}
}
.detail-page-description {
.title {
margin: 0 0 16px;
font-size: 2em;
color: $gl-text-color;
padding: 0 0 0.3em;
border-bottom: 1px solid $white-dark;
}
.description {
margin-top: 6px;
}
}