gitlab-org--gitlab-foss/app/assets/stylesheets
Dmitriy Zaporozhets 19fd34d9ef Merge branch 'make-diff-css-better-for-mobile' into 'master'
Make diff file view easier to use on mobile screens

Viewing diffs on a mobile screen is a bit of an awkward experience at the moment. Here are a few issues (by no means complete):

## Before

### Tabs are scrunched

![image](https://gitlab.com/stanhu/gitlab-ce/uploads/45924e36cfb107dc56795a7dcdfbc5b5/image.png)

### Filenames take too much room, buttons cluttered

![image](https://gitlab.com/stanhu/gitlab-ce/uploads/a5e5611271fe26dfd3922aa0b8780458/image.png)

## After

This MR makes a few tweaks to make this a bit better. It just addresses a few issues, but there is plenty of room for improvement (e.g. shrink fonts, etc.):

### Eliminate padding to make tabs fit

![image](https://gitlab.com/gitlab-org/gitlab-ce/uploads/fbcf128d1f221b9b9e53df274238dc62/image.png)

### Make filenames, buttons more readable

This screenshot allows the filename to use the whole row, omits the file mode changes, and puts the buttons centered in the view:

![image](https://gitlab.com/gitlab-org/gitlab-ce/uploads/d2e5b9424f058827ba2552056c516e18/image.png)

Towards a better mobile experience: #2787 

See merge request !1449
2015-10-10 08:21:04 +00:00
..
base Add new GitLab colors 2015-10-08 13:29:14 +02:00
ci Fix build highlight 2015-10-08 11:00:10 +02:00
generic fixed positioning of hamburger menu on header 2015-10-09 14:05:55 +11:00
highlight !important removed from pre 2015-09-28 12:03:41 +02:00
pages Make diff file view easier to use on mobile screens 2015-10-09 05:01:27 -07:00
themes Change some base colors in UI 2015-09-03 15:46:13 +02:00
application.scss Use GitLab UI when render CI 2015-09-11 19:25:53 +02:00
behaviors.scss Factor behaviors.scss constants 2014-10-27 18:13:01 +01:00
print.scss Hide UI elements when print md files or wiki pages 2015-03-21 12:13:47 -07:00