diff --git a/assets/apps/components/src/Controls/Sizing.js b/assets/apps/components/src/Controls/Sizing.js index d4f93546af..7e613e2b57 100755 --- a/assets/apps/components/src/Controls/Sizing.js +++ b/assets/apps/components/src/Controls/Sizing.js @@ -93,7 +93,7 @@ const SizingControl = ({ key="link-icon" icon={linked ? 'admin-links' : 'editor-unlink'} onClick={toggleLinked} - className={classnames([{ active: linked }, 'link'])} + className={classnames([{ active: linked }, 'link button'])} /> ); diff --git a/assets/apps/components/src/Style/_sizing.scss b/assets/apps/components/src/Style/_sizing.scss index 5bf966834a..4258d0bbce 100644 --- a/assets/apps/components/src/Style/_sizing.scss +++ b/assets/apps/components/src/Style/_sizing.scss @@ -37,6 +37,9 @@ border: 1px solid $input-borders !important; padding: 0; min-width: unset; + color: #000; + display: inline-flex; + align-items: center; } &.active, &.active:hover, &.active:focus:enabled { diff --git a/inc/admin/dashboard/main.php b/inc/admin/dashboard/main.php index 6a11976538..58591cd25f 100755 --- a/inc/admin/dashboard/main.php +++ b/inc/admin/dashboard/main.php @@ -1057,6 +1057,12 @@ public function render_custom_layout_header() { line-height: 1.6; } + .neve_page_neve-custom-layout-upsell .cl-btn-action .dashicons, + .post-type-neve_custom_layouts .cl-btn-action .dashicons, + .post-type-neve_custom_layouts .cl-copy-button .dashicons { + line-height: 1; + } + /* Hide text on small screens but keep it accessible to screen readers */ @media (max-width: 500px) { .cl-header-btn-text { diff --git a/inc/admin/hooks_upsells.php b/inc/admin/hooks_upsells.php index acc5020437..dc48029220 100644 --- a/inc/admin/hooks_upsells.php +++ b/inc/admin/hooks_upsells.php @@ -288,6 +288,14 @@ public function render_custom_layouts_upsell_modal() { font-size: 2rem; } + .neve_page_neve-custom-layout-upsell .cl-modal-dismiss .cl-close-button { + border: none; + } + + .neve_page_neve-custom-layout-upsell .cl-modal-dismiss .cl-close-button span { + line-height: 1; + } + /* ----- HEADER / TITLE ----- */ .cl-modal-header { text-align: center;