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 collection detail global css #4143

Merged
merged 9 commits into from
Aug 27, 2023

Conversation

himdel
Copy link
Collaborator

@himdel himdel commented Aug 23, 2023

Remove/refactor any global css that would affect patternfly,
clean up some custom css in the collection detail area.

Mostly because insights breadcrumb toolbar has an unexpected 16px margin when opening collection detail, so fixing that.

Also unifies toolbar css on just hub-toolbar (instead of toolbar, hub-toolbar, hub-list-toolbar and hub-toolbar-wrapper) and hub-toolbar-left (modifier for collections, namespaces).

Buttons after toolbar filters are now slightly closer, they no longer get an extra 16px margin meant only for docs filter.

@github-actions github-actions bot added the backport-4.7 This PR should be backported to stable-4.7 (2.4) label Aug 23, 2023
@himdel himdel force-pushed the collection-detail-global-css branch from cf34ed1 to 05a3593 Compare August 24, 2023 18:22
himdel added 6 commits August 26, 2023 17:31
… helpertext

moving CollectionUsedbyDependenciesList outside the pf-c-content section removes the need for custom pagination styling
(we'll now get 2 different empty states for deps & rdeps when both are missing)

No-Issue
…ain,sidebar}, remove global toolbar margin

affects the new insights breadcrumbs, this fixed it
@himdel himdel force-pushed the collection-detail-global-css branch from 32a308d to e6367fa Compare August 26, 2023 21:39
himdel added 3 commits August 26, 2023 22:08
now that `.pf-c-toolbar__group { margin-left: 16px }` is limite to `.hub-docs-sidebar`, changing the left padding is no longer needed .. which makes hub-toolbar and hub-list-toolbar identical, merging
@himdel himdel force-pushed the collection-detail-global-css branch from c4435f0 to 0d6f5d2 Compare August 26, 2023 23:39
@himdel himdel merged commit b051f84 into ansible:master Aug 27, 2023
@himdel himdel deleted the collection-detail-global-css branch August 27, 2023 00:05
@patchback

This comment was marked as outdated.

himdel added a commit to himdel/ansible-hub-ui that referenced this pull request Aug 27, 2023
* Collection dependencies - reduce custom css, add missing space before helpertext

moving CollectionUsedbyDependenciesList outside the pf-c-content section removes the need for custom pagination styling
(we'll now get 2 different empty states for deps & rdeps when both are missing)

No-Issue

* Collection docs - rename css classes to hub-docs-{container,content,main,sidebar}, remove global toolbar margin

affects the new insights breadcrumbs, this fixed it

* hub-nav-title

* duplicate/unused legacy role scss

* hub-header-bordered: replace old header class

* header-bottom -> hub-header-bottom

* merge hub-toolbar and hub-list-toolbar css

now that `.pf-c-toolbar__group { margin-left: 16px }` is limite to `.hub-docs-sidebar`, changing the left padding is no longer needed .. which makes hub-toolbar and hub-list-toolbar identical, merging

* approvals: use ToolbarContent, add missing niceNames

* hub-toolbar, hub-toolbar-left - unify from .toolbar, .hub-toolbar-wrapper

(cherry picked from commit b051f84)
himdel added a commit that referenced this pull request Aug 28, 2023
* Collection dependencies - reduce custom css, add missing space before helpertext

moving CollectionUsedbyDependenciesList outside the pf-c-content section removes the need for custom pagination styling
(we'll now get 2 different empty states for deps & rdeps when both are missing)

No-Issue

* Collection docs - rename css classes to hub-docs-{container,content,main,sidebar}, remove global toolbar margin

affects the new insights breadcrumbs, this fixed it

* hub-nav-title

* duplicate/unused legacy role scss

* hub-header-bordered: replace old header class

* header-bottom -> hub-header-bottom

* merge hub-toolbar and hub-list-toolbar css

now that `.pf-c-toolbar__group { margin-left: 16px }` is limite to `.hub-docs-sidebar`, changing the left padding is no longer needed .. which makes hub-toolbar and hub-list-toolbar identical, merging

* approvals: use ToolbarContent, add missing niceNames

* hub-toolbar, hub-toolbar-left - unify from .toolbar, .hub-toolbar-wrapper

(cherry picked from commit b051f84)
@github-actions github-actions bot added the backported-4.7 This PR has been backported to stable-4.7 (2.4) label Aug 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport-4.7 This PR should be backported to stable-4.7 (2.4) backported-4.7 This PR has been backported to stable-4.7 (2.4)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant