-
Notifications
You must be signed in to change notification settings - Fork 74
#637: Form field/field group viewport scope - icon and tooltip #670
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
#637: Form field/field group viewport scope - icon and tooltip #670
Conversation
…ope - added icon and tooltip on hover and applied styling
@magento run all tests |
…ope - added mobile icon and finalized styling
…ope - adjusted min height width
…ope - added styling for mobile icon tooltip with min height fields that contain notice and without notice
@magento run all tests |
…gento2-page-builder into 637-form-field-viewport-scope-icon-tooltip-content-type
…ope - additional classes for minimum height form field
@magento run all tests |
…gento2-page-builder into 637-form-field-viewport-scope-icon-tooltip-content-type
…ope - applied mobile icon and tooltip to all content types
@magento run all tests |
@@ -0,0 +1,8 @@ | |||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18"> |
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.
Please, add this icon as a part of pagebuilder-icon fonts using IcoMoon App. More details https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/css-topics/using-fonts.html?itm_source=devdocs&itm_medium=search_page&itm_campaign=federated_search&itm_term=fonts%20svg
|
||
.admin__field-tooltip-action { | ||
&:before { | ||
content: url("@{baseDir}Magento_PageBuilder/css/images/form/element/mobile-icon.svg"); |
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.
Create a variable with font code and replace url with variable here
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.
…ope - fixed less related failures
@magento run all tests |
…ope - added mobile icon to PageBuilder icon fonts using IcoMoon app and adjusted styling for the mobile icon
…ope - adjusted mobile icon styling
@magento run all tests |
…ope - deleted the mobile icon svg
@magento run all tests |
Description (*)
Added the mobile icon and tooltip to min height form field.
The icon and tooltip have been implemented to the following content types:
Story
Checklist