Skip to content

#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

Conversation

yolouiese
Copy link
Contributor

@yolouiese yolouiese commented Nov 5, 2020

Description (*)

Added the mobile icon and tooltip to min height form field.
The icon and tooltip have been implemented to the following content types:

  • Banner
  • Tabs
  • Tab Item
  • Column
  • Row
  • Slide
  • Slider

Story

  • #637 Form field/field group viewport scope

Checklist

  • Pull request has a meaningful description of its purpose
  • All commits are accompanied by meaningful commit messages
  • All new or changed code is covered with unit/integration tests (if applicable)
  • All automated tests passed successfully (all builds are green)

…ope - added icon and tooltip on hover and applied styling
@yolouiese
Copy link
Contributor Author

@magento run all tests

…ope - added mobile icon and finalized styling
…ope - added styling for mobile icon tooltip with min height fields that contain notice and without notice
@yolouiese
Copy link
Contributor Author

@magento run all tests

…gento2-page-builder into 637-form-field-viewport-scope-icon-tooltip-content-type
@dhaecker dhaecker linked an issue Nov 9, 2020 that may be closed by this pull request
…ope - additional classes for minimum height form field
@yolouiese
Copy link
Contributor Author

@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
@yolouiese
Copy link
Contributor Author

@magento run all tests

@yolouiese yolouiese changed the title [WIP] #637: Form field/field group viewport scope - icon and tooltip #637: Form field/field group viewport scope - icon and tooltip Nov 10, 2020
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18">
Copy link
Contributor

Choose a reason for hiding this comment

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


.admin__field-tooltip-action {
&:before {
content: url("@{baseDir}Magento_PageBuilder/css/images/form/element/mobile-icon.svg");
Copy link
Contributor

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

Copy link
Contributor

@omiroshnichenko omiroshnichenko left a comment

Choose a reason for hiding this comment

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

@yolouiese
Copy link
Contributor Author

@magento run all tests

…ope - added mobile icon to PageBuilder icon fonts using IcoMoon app and adjusted styling for the mobile icon
@yolouiese
Copy link
Contributor Author

@magento run all tests

@yolouiese
Copy link
Contributor Author

@magento run all tests

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Form field/field group viewport scope
3 participants