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

Fix: Catalog's visibility columns menu -> Empty title for Icon #4189

Merged
merged 6 commits into from
Nov 10, 2021

Conversation

ixrock
Copy link
Contributor

@ixrock ixrock commented Oct 29, 2021

Before:
Screenshot 2021-10-29 at 16 43 38

After:
Screenshot 2021-10-29 at 16 33 13

  • removed redundant common/utils/makeCss

@ixrock ixrock added bug Something isn't working area/ui labels Oct 29, 2021
@ixrock ixrock requested review from Nokel81, aleksfront and a team October 29, 2021 13:49
@ixrock ixrock self-assigned this Oct 29, 2021
@ixrock ixrock force-pushed the fix/catalog/icon_menu_option branch from 621c303 to 7441a11 Compare October 29, 2021 13:57
@Nokel81
Copy link
Collaborator

Nokel81 commented Oct 29, 2021

Shouldn't that visibility just be tied to the name column?

@github-actions
Copy link
Contributor

github-actions bot commented Nov 2, 2021

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 3, 2021

Conflicts have been resolved. A maintainer will review the pull request shortly.

import { KubeObject } from "../../../common/k8s-api/kube-object";
import type { CatalogEntityRegistry } from "../../api/catalog-entity-registry";

const css = makeCss(styles);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

To support css-classes auto-completion use vscode-css-modules plugin.

@ixrock
Copy link
Contributor Author

ixrock commented Nov 8, 2021

@Nokel81 @aleksfront PTALA

Screen.Recording.2021-11-08.at.19.01.58.mov

BTW: it seems hovering "pin-icon" currently broken in latest release (it doesn't show up)

Signed-off-by: Roman <ixrock@gmail.com>
Signed-off-by: Roman <ixrock@gmail.com>
@ixrock ixrock force-pushed the fix/catalog/icon_menu_option branch from 5ea0ca3 to ba7f8e7 Compare November 8, 2021 17:29
@Nokel81
Copy link
Collaborator

Nokel81 commented Nov 8, 2021

BTW: it seems hovering "pin-icon" currently broken in latest release (it doesn't show up)

It does on master... and on my install of alpha.9...

Also from the video, it looks a bit weird to have "Name" not be over the name. What I mean it is looks like the icon is part of that column, which looks a bit strange.


renderIcon(item: CatalogEntityItem<CatalogEntity>) {
return (
<RenderDelay>
Copy link
Collaborator

Choose a reason for hiding this comment

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

I don't think you should remove the <RenderDelay>, it was added so that the catalogue would show up faster.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I haven't noticed big difference and in general having RenderDelay for plain icon looks weird / ugly workaround..

Solution: refactor HotbarIcon / figure out why it's slow? Most probably something wrong with material-ui thingy used inside..

Copy link
Contributor Author

@ixrock ixrock Nov 9, 2021

Choose a reason for hiding this comment

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

@aleksfront wdyt? I suggest to merge this already and optimize HotbarIcon (if still needed) in separated PR, maybe you can take it over if you'd like.

Copy link
Contributor

Choose a reason for hiding this comment

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

I agree both. Removing RenderDelay is irrelevant to current PR, but HotbarIcon with material component should be refactored which is on todo. Let's proceed without RenderDelay.

@ixrock
Copy link
Contributor Author

ixrock commented Nov 9, 2021

Also from the video, it looks a bit weird to have "Name" not be over the name. What I mean it is looks like the icon is part of that column, which looks a bit strange.

@Nokel81 I'll add spacing in the header to align with name column text.

Signed-off-by: Roman <ixrock@gmail.com>
@ixrock ixrock force-pushed the fix/catalog/icon_menu_option branch from 765ee44 to c164c3b Compare November 9, 2021 09:36
@ixrock
Copy link
Contributor Author

ixrock commented Nov 9, 2021

Screen.Recording.2021-11-09.at.11.34.12.mov

@@ -19,43 +19,59 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.list :global(.TableRow) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Instead of all these changes, wouldn't it just have been easier to use showWithColumn?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

No. Because otherwise it' requires other hacks to hide text "Icon" in the header column or if we leave it empty as result we have empty menu-item for the table.

Copy link
Collaborator

Choose a reason for hiding this comment

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

showWithColumn hides that menu item that is the point of it.

Copy link
Contributor

@aleksfront aleksfront left a comment

Choose a reason for hiding this comment

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

Tested, working good.

@ixrock ixrock merged commit 38ebbc8 into master Nov 10, 2021
@ixrock ixrock deleted the fix/catalog/icon_menu_option branch November 10, 2021 12:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/ui bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants