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
[Security Solution] Get rid of rule description's fade in/out effect #150998
[Security Solution] Get rid of rule description's fade in/out effect #150998
Conversation
Pinging @elastic/security-detections-response (Team:Detections and Resp) |
Pinging @elastic/security-solution (Team: SecuritySolution) |
@elasticmachine merge upstream |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the fix @maximpn! I tested it locally and left a nit comment for your consideration 👍
@@ -129,7 +129,7 @@ const StepAboutRuleToggleDetailsComponent: React.FC<StepPanelProps> = ({ | |||
{(resizeRef) => ( | |||
<AboutContent ref={resizeRef}> | |||
<VerticalOverflowContainer maxHeight={120}> | |||
<VerticalOverflowContent maxHeight={120} className="eui-yScrollWithShadows"> | |||
<VerticalOverflowContent maxHeight={120} className="eui-yScroll"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: VerticalOverflowContent
is a styled-component, and we could specify the eui-yScroll
class name in it for reusability and remove it from the 3 places where this component is rendered.
20d269d
to
d22f0fb
Compare
💚 Build Succeeded
Metrics [docs]Module Count
Async chunks
History
To update your PR or re-run it, just comment with: cc @maximpn |
…lastic#150998) **Addresses:** elastic#150997 ## Summary It removed rule details description's fade in and out effect which was added by scrolling EUI styles. *Before:* ![Screenshot 2023-02-13 at 13 30 02](https://user-images.githubusercontent.com/3775283/218459498-28dd50ce-94eb-427f-865c-279f611b4049.png) ![Screenshot 2023-02-13 at 13 30 11](https://user-images.githubusercontent.com/3775283/218459532-56072024-8e8b-4ee1-89be-ffece60d31a7.png) *After:* ![Screenshot 2023-02-13 at 13 27 49](https://user-images.githubusercontent.com/3775283/218459699-8da6f5c3-e05d-4c9f-8122-392f3bfd6846.png) ![Screenshot 2023-02-13 at 13 28 00](https://user-images.githubusercontent.com/3775283/218459735-1c522e19-573f-47c4-9490-5828373ac5ac.png) (cherry picked from commit de97462)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
…ffect (#150998) (#151683) # Backport This will backport the following commits from `main` to `8.7`: - [[Security Solution] Get rid of rule description's fade in/out effect (#150998)](#150998) <!--- Backport version: 8.9.7 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport) <!--BACKPORT [{"author":{"name":"Maxim Palenov","email":"maxim.palenov@elastic.co"},"sourceCommit":{"committedDate":"2023-02-21T10:48:03Z","message":"[Security Solution] Get rid of rule description's fade in/out effect (#150998)\n\n**Addresses:** #150997 Summary\r\n\r\nIt removed rule details description's fade in and out effect which was added by scrolling EUI styles.\r\n\r\n*Before:*\r\n\r\n![Screenshot 2023-02-13 at 13 30 02](https://user-images.githubusercontent.com/3775283/218459498-28dd50ce-94eb-427f-865c-279f611b4049.png)\r\n\r\n![Screenshot 2023-02-13 at 13 30 11](https://user-images.githubusercontent.com/3775283/218459532-56072024-8e8b-4ee1-89be-ffece60d31a7.png)\r\n\r\n*After:*\r\n\r\n![Screenshot 2023-02-13 at 13 27 49](https://user-images.githubusercontent.com/3775283/218459699-8da6f5c3-e05d-4c9f-8122-392f3bfd6846.png)\r\n\r\n![Screenshot 2023-02-13 at 13 28 00](https://user-images.githubusercontent.com/3775283/218459735-1c522e19-573f-47c4-9490-5828373ac5ac.png)","sha":"de97462358fb859590693b1cca43c20b23f30c20","branchLabelMapping":{"^v8.8.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Detections and Resp","Team: SecuritySolution","Team:Detection Rules","Feature:Rule Details","backport:prev-minor","v8.7.0","v8.8.0"],"number":150998,"url":"#150998 Solution] Get rid of rule description's fade in/out effect (#150998)\n\n**Addresses:** #150997 Summary\r\n\r\nIt removed rule details description's fade in and out effect which was added by scrolling EUI styles.\r\n\r\n*Before:*\r\n\r\n![Screenshot 2023-02-13 at 13 30 02](https://user-images.githubusercontent.com/3775283/218459498-28dd50ce-94eb-427f-865c-279f611b4049.png)\r\n\r\n![Screenshot 2023-02-13 at 13 30 11](https://user-images.githubusercontent.com/3775283/218459532-56072024-8e8b-4ee1-89be-ffece60d31a7.png)\r\n\r\n*After:*\r\n\r\n![Screenshot 2023-02-13 at 13 27 49](https://user-images.githubusercontent.com/3775283/218459699-8da6f5c3-e05d-4c9f-8122-392f3bfd6846.png)\r\n\r\n![Screenshot 2023-02-13 at 13 28 00](https://user-images.githubusercontent.com/3775283/218459735-1c522e19-573f-47c4-9490-5828373ac5ac.png)","sha":"de97462358fb859590693b1cca43c20b23f30c20"}},"sourceBranch":"main","suggestedTargetBranches":["8.7"],"targetPullRequestStates":[{"branch":"8.7","label":"v8.7.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.8.0","labelRegex":"^v8.8.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/150998","number":150998,"mergeCommit":{"message":"[Security Solution] Get rid of rule description's fade in/out effect (#150998)\n\n**Addresses:** #150997 Summary\r\n\r\nIt removed rule details description's fade in and out effect which was added by scrolling EUI styles.\r\n\r\n*Before:*\r\n\r\n![Screenshot 2023-02-13 at 13 30 02](https://user-images.githubusercontent.com/3775283/218459498-28dd50ce-94eb-427f-865c-279f611b4049.png)\r\n\r\n![Screenshot 2023-02-13 at 13 30 11](https://user-images.githubusercontent.com/3775283/218459532-56072024-8e8b-4ee1-89be-ffece60d31a7.png)\r\n\r\n*After:*\r\n\r\n![Screenshot 2023-02-13 at 13 27 49](https://user-images.githubusercontent.com/3775283/218459699-8da6f5c3-e05d-4c9f-8122-392f3bfd6846.png)\r\n\r\n![Screenshot 2023-02-13 at 13 28 00](https://user-images.githubusercontent.com/3775283/218459735-1c522e19-573f-47c4-9490-5828373ac5ac.png)","sha":"de97462358fb859590693b1cca43c20b23f30c20"}}]}] BACKPORT--> Co-authored-by: Maxim Palenov <maxim.palenov@elastic.co>
Addresses: #150997
Summary
It removed rule details description's fade in and out effect which was added by scrolling EUI styles.
Before:
After: