Making WordPress.org

Changes between Initial Version and Version 1 of Ticket #4091, comment 15


Ignore:
Timestamp:
01/30/2019 11:38:41 AM (5 years ago)
Author:
anonymized_7658014
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #4091, comment 15

    initial v1  
    33
    44{{{
    5 #wporg-header ul li a:hover:after {
     5#wporg-header ul li a::after {
     6        content: '';
     7        opacity: 0;
     8        transition: opacity .2s ease-in-out;
     9        transition-delay: .8s;
     10}
     11#wporg-header ul li a:hover::after {
    612        background: rgba(200,200,200,.9);
     13        box-shadow: 0 1px 2px rgba(0,0,0,.5);
    714        content: attr(data-title);
    815        color: #111;
     
    1219        padding: 0 .25em;
    1320        position: absolute;
    14         top: 3.5em;
     21        top: 3em;
    1522        white-space: nowrap;
     23        opacity: 1;
     24        z-index: 9999;
    1625}
    1726}}}
     
    2433
    2534[[Image(https://ucb734d2b0848eccdc386b8be8a9.dl.dropboxusercontent.com/cd/0/inline/AaY3JBii5R0QG7bOQBh3gJroZLoSoq7e1q9l2FVGtf5BISCqaLkOvBLVxJKvel8lkKrZc9b-mu6ZLk0fbdEx9ZY32BbiFxVU_IWxPHEycAXTMYeyZE29-Lvs3UByhHigXsg/file#)]]
     35
     36**Update:** Enhanced CSS proof of concept above to better emulate a system tooltip. Works with submenus:
     37▶️ https://www.dropbox.com/s/n1cts99t6avso35/wp.org-menu-data-title.mp4?dl=0