8e4a33f2e2
Update snippets UI ## What does this MR do? Updates snippets UI _(mainly mobile view)_ to new UI proposed in #18849. ## Are there points in the code the reviewer needs to double check? Does anyone know the implementation difference between `app/views/snippets/show.html.haml` and `app/views/projects/snippets/show.html.haml`? I have only been updating the latter as it's the only one I can find implemented. I assume the former is rendered somewhere seeing as there is controllers for it too. But this doesn't seem very DRY from my current perspective. ## Why was this MR needed? ## Screenshots (if relevant)    ## Does this MR meet the acceptance criteria? - [ ] [CHANGELOG](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/CHANGELOG) entry added - [ ] [Documentation created/updated](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/doc/development/doc_styleguide.md) - [ ] API support added - Tests - [ ] Added for this feature/bug - [ ] All builds are passing - [ ] Conform by the [merge request performance guides](http://docs.gitlab.com/ce/development/merge_request_performance_guidelines.html) - [ ] Conform by the [style guides](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/CONTRIBUTING.md#style-guides) - [ ] Branch has no merge conflicts with `master` (if you do - rebase it please) - [ ] [Squashed related commits together](https://git-scm.com/book/en/Git-Tools-Rewriting-History#Squashing-Commits) ## What are the relevant issue numbers? Closes #18849 See merge request !6210
129 lines
1.7 KiB
SCSS
129 lines
1.7 KiB
SCSS
.issues-list {
|
|
.issue {
|
|
padding: 10px $gl-padding;
|
|
position: relative;
|
|
|
|
.title {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.issue-labels {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.check-all-holder {
|
|
line-height: 36px;
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.issues_content {
|
|
.title {
|
|
height: 40px;
|
|
}
|
|
|
|
form {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
form.edit-issue {
|
|
margin: 0;
|
|
}
|
|
|
|
ul.related-merge-requests > li {
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
.merge-request-id {
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
|
|
.merge-requests-title, .related-branches-title {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.merge-request-id {
|
|
display: inline-block;
|
|
width: 3em;
|
|
}
|
|
|
|
.merge-request-status {
|
|
color: $gl-gray;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.merge-request,
|
|
.issue {
|
|
&.today {
|
|
background: #f3fff2;
|
|
border-color: #e1e8d5;
|
|
}
|
|
|
|
&.closed {
|
|
background: $gray-light;
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
&.merged {
|
|
background: $gray-light;
|
|
border-color: #e5e5e5;
|
|
}
|
|
}
|
|
|
|
.merge-request-ci-status {
|
|
svg {
|
|
margin-right: 4px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: $screen-xs-max) {
|
|
.issue-btn-group {
|
|
width: 100%;
|
|
|
|
.btn {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.issue-form .select2-container {
|
|
width: 250px !important;
|
|
}
|
|
|
|
.issues-footer {
|
|
padding-top: $gl-padding;
|
|
padding-bottom: 37px;
|
|
}
|
|
|
|
.issue-email-modal-btn {
|
|
padding: 0;
|
|
color: $gl-link-color;
|
|
background-color: transparent;
|
|
border: 0;
|
|
outline: 0;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.email-modal-input-group {
|
|
margin-bottom: 10px;
|
|
|
|
.form-control {
|
|
background-color: $white-light;
|
|
}
|
|
|
|
.btn {
|
|
background-color: $background-color;
|
|
border: 1px solid $border-gray-light;
|
|
}
|
|
}
|