709c7009e5
Added full-width new snippet button on mobile and corrected capitalization ## What does this MR do? Adds full-width `New snippet` button to snippet mobile views and corrects `New Snippet` to `New snippet` throughout. ## Are there points in the code the reviewer needs to double check? ## Why was this MR needed? @connorshea Spotted that I missed this in !6210 :) ## 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? See merge request !6380
42 lines
645 B
SCSS
42 lines
645 B
SCSS
.snippet-form-holder .file-holder .file-title {
|
|
padding: 2px;
|
|
}
|
|
|
|
.markdown-snippet-copy {
|
|
position: fixed;
|
|
top: -10px;
|
|
left: -10px;
|
|
max-height: 0;
|
|
max-width: 0;
|
|
}
|
|
|
|
.snippet-file-content {
|
|
border-radius: 3px;
|
|
margin-bottom: $gl-padding;
|
|
|
|
.btn-clipboard {
|
|
@extend .btn;
|
|
}
|
|
}
|
|
|
|
.project-snippets .awards {
|
|
border-bottom: 1px solid $table-border-color;
|
|
padding-bottom: $gl-padding;
|
|
}
|
|
|
|
.snippet-title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
padding: $gl-padding;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.snippet-actions {
|
|
@media (min-width: $screen-sm-min) {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.snippet-scope-menu .btn-new {
|
|
margin-top: 15px;
|
|
}
|