Skip to content

add styled scrollbar#3

Open
YuanmingLeee wants to merge 2 commits intomasterfrom
feature-scrollbar
Open

add styled scrollbar#3
YuanmingLeee wants to merge 2 commits intomasterfrom
feature-scrollbar

Conversation

@YuanmingLeee
Copy link
Collaborator

No description provided.

Copy link
Member

@ZaynJarvis ZaynJarvis left a comment

Choose a reason for hiding this comment

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

Nice feature!
One of the implementations can be Windows-specific.

@@ -1,18 +1,45 @@
import React from 'react';
import PropTypes from 'prop-types';
import * as PropTypes from 'prop-types';
Copy link
Member

Choose a reason for hiding this comment

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

Why we are doing this? isn't PropTypes directly good enough?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

As PropTypes is no longer the default export name, we use * and change the name to PropTypes for better ide support

Copy link
Member

Choose a reason for hiding this comment

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

Noted. Good one.

text-decoration: none;
}
/* only apply in webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
Copy link
Member

@ZaynJarvis ZaynJarvis Feb 8, 2019

Choose a reason for hiding this comment

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

It will be good if the scroll bar changes only apply to Windows users. Since mac has a built-in feature to hide scroll bar when no action performed.
refer here

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

marked. Will do later

<html lang="en">
<head>
<meta charset="utf-8" />
<!--suppress HtmlUnknownTarget -->
Copy link
Member

Choose a reason for hiding this comment

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

What's this used for?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

suppress ide warning check

Copy link
Member

Choose a reason for hiding this comment

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

Would it be possible to set this up in a config file which can be ignored by .gitignore?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I don't feel so. This is autogenerated by IDEA

Copy link
Member

Choose a reason for hiding this comment

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

then one of the approaches may put this file into .gitignore.
It will be confusing to have a ide specific feature implemented in the code other than configuration files

transition: color .8s;
}
.iceberx-app-container:hover {
color: rgba(0,0,0,0.3);
Copy link
Member

Choose a reason for hiding this comment

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

It seems when hover on the window the hover will take effect in Mac.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yep. This is some tricky part. Scrollbar itself does not have the transition effect. Check here.

Copy link
Member

Choose a reason for hiding this comment

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

It's okay for now. If no better solution, the implementation is good enough. Just try to make it Windows specific.

@ZaynJarvis
Copy link
Member

Also, There's an increase in colour grey scale in Buttons, not sure if this is a preview defect.
I didn't see any styles would apply to this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants