Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prune our usage of bootstrap #21186

Merged
merged 11 commits into from
Jul 25, 2018
Merged

Prune our usage of bootstrap #21186

merged 11 commits into from
Jul 25, 2018

Conversation

snide
Copy link
Contributor

@snide snide commented Jul 25, 2018

This PR removes as much vendored Bootstrap as possible from Kibana. Mostly it removes any bootstrap files / selectors we are not utilizing and if easy, provides some replacements for sections where we are using bootstrap.

This will not remove bootstrap completely. That will likely take another DOM pass.

@elasticmachine
Copy link
Contributor

💔 Build Failed

@snide
Copy link
Contributor Author

snide commented Jul 25, 2018

Jenkins, test this

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@snide snide requested a review from cchaos July 25, 2018 17:16
@snide
Copy link
Contributor Author

snide commented Jul 25, 2018

@cchaos There's no good way to test this other than clicking around a bit. The two places that had dom changes were the notify stuff (which I replaced with some EuiBadge classes)

image

And a small icon switchout (so we could remove bootstrap glyphicons) to font awesome

Likely the biggest worry would be around removing normalize, but EUI has a very similar reset (which likely overwrote this one anyway) and I can't see any adverse effects.

Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I went through and did some whole folder searching for things that were removed and it looks all good to me. There was just one mistake in a FA switch.

Also, the badge you replaced used to swap it's number content for the words "stop" on hover but the new one doesn't. Maybe just add a "title" attribute?

screen shot 2018-07-25 at 15 14 02 pm

@@ -1,5 +1,5 @@
<span ng-mouseleave="reset()" ng-keydown="onKeydown($event)" tabindex="0" role="slider" aria-valuemin="0" aria-valuemax="{{range.length}}" aria-valuenow="{{value}}">
<i ng-repeat="r in range track by $index" ng-mouseenter="enter($index + 1)" ng-click="rate($index + 1)" class="glyphicon" ng-class="$index < value && (r.stateOn || 'glyphicon-star') || (r.stateOff || 'glyphicon-star-empty')">
<i ng-repeat="r in range track by $index" ng-mouseenter="enter($index + 1)" ng-click="rate($index + 1)" class="fa" ng-class="$index < value && (r.stateOn || 'fa-star') || (r.stateOff || 'fa star-o')">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fa star-o should be fa-star-o

@import "labels.less";
@import "badges.less";
@import "jumbotron.less";
@import "thumbnails.less";
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You might want to delete the actual file as well.

@cchaos
Copy link
Contributor

cchaos commented Jul 25, 2018

I also wouldn't worry about having removed the normalize.less file, since it was empty 😼

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@snide
Copy link
Contributor Author

snide commented Jul 25, 2018

Feedback addressed. Tests pass. OK to merge @cchaos?

Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@snide snide merged commit b831ecf into elastic:master Jul 25, 2018
@snide snide added Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. chore labels Jul 25, 2018
@snide snide deleted the bootstrap_pruning branch July 25, 2018 22:11
snide added a commit to snide/kibana that referenced this pull request Jul 25, 2018
* remove bootstrap glyphicons

* remove bootstrap scaffolding

* prune type, remove code from bootstrap

* remove bootstrap breadcrumb

* remove normalize from bootstrap

* remove thumbnail from bootstrap

* remove jumbotron from bootstrap

* remove wells from bootstrap

* remove bootstrap badge
@elasticmachine
Copy link
Contributor

💔 Build Failed

snide added a commit that referenced this pull request Jul 26, 2018
* remove bootstrap glyphicons

* remove bootstrap scaffolding

* prune type, remove code from bootstrap

* remove bootstrap breadcrumb

* remove normalize from bootstrap

* remove thumbnail from bootstrap

* remove jumbotron from bootstrap

* remove wells from bootstrap

* remove bootstrap badge
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants