diff --git a/resources/backend/css/wp-list-table-buttons.css b/resources/backend/css/wp-list-table-buttons.css index 5bd7b7883..83e9b7ce5 100644 --- a/resources/backend/css/wp-list-table-buttons.css +++ b/resources/backend/css/wp-list-table-buttons.css @@ -1,10 +1,12 @@ .wrap .page-title-action.convertkit-action { - width: 124px; + display: inline-block; + width: 127px; background: url(../images/logomark.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 8px 50%; padding-left: 30px; + box-sizing: border-box; } .wrap .page-title-action.convertkit-action::after { @@ -14,28 +16,40 @@ padding: 5px 0 0 0; } -.wrap .page-title-action.convertkit-action span { +.wrap .page-title-action.convertkit-action span.convertkit-actions { visibility: hidden; display: none; opacity: 0; position: absolute; - margin: 0; padding: 10px; left: -1px; + z-index: 99999; background-color: #f0f0f1; border-left: 1px solid #0a4b78; border-right: 1px solid #0a4b78; border-bottom: 1px solid #0a4b78; } -.wrap .page-title-action.convertkit-action span a { +.wrap .page-title-action.convertkit-action span.convertkit-actions a { display: block; text-decoration: none; } -.wrap .page-title-action.convertkit-action:hover > span, -.wrap .page-title-action.convertkit-action span:hover { +.wrap .page-title-action.convertkit-action:hover > span.convertkit-actions, +.wrap .page-title-action.convertkit-action span.convertkit-actions:hover { visibility: visible; opacity: 1; display: block; } + +@media screen and (max-width: 782px) { + + .wrap .page-title-action.convertkit-action { + width: 134px; + } + + .wrap .page-title-action.convertkit-action::after { + padding-top: 10px; + } +} +