Flyout
: Add interpolation to Sass size variable (HDS-3206)
#1994
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📌 Summary
If merged, this PR adds Sass interpolation to the
$size
variable used to set the Flyout width and margin📸 Screenshots
BUG:.
![image](https://private-user-images.githubusercontent.com/108769823/312657185-20c5e0d9-f06d-486a-b133-1f74ff1ca3fd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMxMDQzMDAsIm5iZiI6MTcyMzEwNDAwMCwicGF0aCI6Ii8xMDg3Njk4MjMvMzEyNjU3MTg1LTIwYzVlMGQ5LWYwNmQtNDg2YS1iMTMzLTFmNzRmZjFjYTNmZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwOFQwODAwMDBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNmQ3ZGEyNmUzYzc2MTNiNzkwMDMzZGRhNzM5YWFlNWY2ZjRjMTUzNmZhMmQxZDNjNjFkNWRkODBlMzRkMDFlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-2kQpYkAZP92zEy5X8NWadU6_JGeaR-nzDiyO-JCzdE)
Sass
$size
variable appears in the inspected styles (meaning that it is broken since it should have been replaced with the pixel value):FIX:
![image](https://private-user-images.githubusercontent.com/108769823/312701887-d5b6b727-35e8-4e2e-b9ae-2d06a2574936.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMxMDQzMDAsIm5iZiI6MTcyMzEwNDAwMCwicGF0aCI6Ii8xMDg3Njk4MjMvMzEyNzAxODg3LWQ1YjZiNzI3LTM1ZTgtNGUyZS1iOWFlLTJkMDZhMjU3NDkzNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwOFQwODAwMDBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZTViNDZmZTFiM2E4NjFhMjU5NDliNTRlYjJlYThmZDg3MmEzY2M5ZTkxY2M1MTNkYmFjZTljMWQ0ZThhMzMzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.K8Qfw-f06hFywkx3Ltm0roT5UMoG4q4jOtU5g3Y5Ado)
🔗 External links
Jira ticket: HDS-3206
Figma file: [if it applies]
👀 Component checklist
💬 Please consider using conventional comments when reviewing this PR.