Web IDE right sidebar now supports dark theme

Web IDE now supports dark theme for all its components

Himanshu Kapoor authored 4 years ago and Himanshu Kapoor committed 4 years ago

Fix a regression from MR:
!26448
which broke the MR / branch dropdown

Replace with $white

Himanshu Kapoor authored 4 years ago and Kushal Pandya committed 4 years ago

Monaco related CSS overrides can should be in a separate file to
reduce the number of stylelint errors in the main file.

Himanshu Kapoor authored 5 years ago and Paul Slaughter committed 5 years ago

Add support for choosing between multiple themes in Web IDE,
and also add dark theme support.

**Why?**
We now use it in a checkbox :)

**How?**
Reverts part of [the MR][1] that introduced
this regression.

**Why?**
This was caused by some bootstrap utility
class silliness that adds !important to all of
its utilities.

[1]: !24264

Ignore stylelint complaints about monaco style overrides,
since we don't have control over monaco's html, and therefore
cannot fix the issues it highlights.

Fix some stylelint issues by using utility classes where possible in
ide.scss

1. .file-content has no img, .isZoomable, .isZoomed
2. There is no .multi-file-discard-btn anymore

Chad Woolley authored 5 years ago and Paul Slaughter committed 5 years ago

Make it reusable for left sidebar as well as right.

This supports merge request !21010

To avoid having empty areas in the dropdown that occupy
unnessary space, I removed the dropdown's min-height and changed
its default height in empty state to be same as its loading state
(with the spinner).

Fixed in MR list and branch list components.

Earlier clicking right outside the input box closed
the dropdown, which was unexpected behaviour. To
make it consistent with the behaviour of select2
jquery plugin, I have made clicking outside the
input focus on the input by using a label.

Paul Slaughter authored 5 years ago and Phil Hughes committed 5 years ago

**Why?**
The ide_status_list will be used and extended in EE.

Paul Slaughter authored 5 years ago and Phil Hughes committed 5 years ago

**Why?**
The ide_status_list will be used and extended in EE.

- Pull the new MR option out into it's own component
- Default MR checkbox to true when creating a new MR and committing to a
  branch that does not have an MR
- Still change the MR checkbox to false when a user is on a branch that
  already has an MR
- Hide MR option when on a branch that already has an MR and committing
  to current branch
- Don't default to true when committing directly to master

Resolves https://gitlab.com/gitlab-org/gitlab-ce/issues/47771

Changelog entry

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/51857

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/53304

This file tree displays all the diff files in a tree like format
Each file is taken and converted into a tree with folders
Each folder can be toggled open & closed
Clicking a file will scroll to the diff file & highlight with a glow affect

Searching the tree list will search only files & return a list of the
files without any folders

Each file row contains an icon to show changed, new file or deleted
Each row will also contain the added & removed lines count

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/14249

This makes the file row component re-usable ouside of the Web IDE

Pre-request for https://gitlab.com/gitlab-org/gitlab-ce/issues/14249

moved heights into variables

Closes #48182

improved variable & prop names