Skip to:
Content

Changeset 11581


Ignore:
Timestamp:
06/08/17 16:52:41 (7 months ago)
Author:
mercime
Message:

Simplify styles for BP tooltips in bp-legacy.

Keep bp-tooltips simple by removing placeholder style for arrow tip which will
be added for bp-nouveau but not for bp-legacy.

Props dcavins, hnla, boonebgorges.
See #7188.

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r11564 r11581  
    17851785    border-collapse: separate; 
    17861786    border-radius: 1px; 
    1787     -webkit-box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3); 
    1788     -moz-box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3); 
    17891787    box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3); 
    1790     color: #333; 
     1788    color: #000; 
    17911789    content: attr(data-bp-tooltip); 
    17921790    display: none; 
     
    17961794    letter-spacing: normal; 
    17971795    line-height: 1.5; 
    1798     margin-top: 5px; 
     1796    margin-top: 10px; 
    17991797    max-width: 200px; 
    18001798    opacity: 0; 
     
    18081806    top: 100%; 
    18091807    transform: translateX(-50%); 
    1810     -webkit-transform: translateX(-50%); 
     1808    transition: opacity 2s ease-out; 
    18111809    white-space: pre; 
    18121810    word-wrap: break-word; 
    18131811    z-index: 998; 
    1814 } 
    1815  
    1816 .bp-tooltip::before { 
    1817     border: 5px solid transparent; 
    1818     bottom: -5px; 
    1819     content: ""; 
    1820     color: #333; 
    1821     display: none; 
    1822     height: 0; 
    1823     margin-left: -5px; 
    1824     opacity: 0; 
    1825     position: absolute; 
    1826     left: 50%; 
    1827     top: auto; 
    1828     width: 0; 
    1829     z-index: 999; 
    1830 } 
    1831  
    1832 @-webkit-keyframes tooltip-show { 
    1833     from { 
    1834         opacity: 0; 
    1835     } 
    1836     to { 
    1837         opacity: 1; 
    1838     } 
    1839 } 
    1840  
    1841 @keyframes tooltip-show { 
    1842     from { 
    1843         opacity: 0; 
    1844     } 
    1845     to { 
    1846         opacity: 1; 
    1847     } 
    18481812} 
    18491813 
     
    18551819.bp-tooltip:focus::after { 
    18561820    display: inline-block; 
     1821    opacity: 1; 
    18571822    overflow: visible; 
    18581823    text-decoration: none; 
    1859     -webkit-animation-name: tooltip-show; 
    1860     animation-name: tooltip-show; 
    1861     -webkit-animation-duration: 0.1s; 
    1862     animation-duration: 0.1s; 
    1863     -webkit-animation-fill-mode: forwards; 
    1864     animation-fill-mode: forwards; 
    1865     -webkit-animation-timing-function: ease-in; 
    1866     animation-timing-function: ease-in; 
    1867     -webkit-animation-delay: 0.4s; 
    1868     animation-delay: 0.4s; 
    18691824    z-index: 999; 
    18701825} 
  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r11564 r11581  
    17851785    border-collapse: separate; 
    17861786    border-radius: 1px; 
    1787     -webkit-box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3); 
    1788     -moz-box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3); 
    17891787    box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3); 
    1790     color: #333; 
     1788    color: #000; 
    17911789    content: attr(data-bp-tooltip); 
    17921790    display: none; 
     
    17961794    letter-spacing: normal; 
    17971795    line-height: 1.5; 
    1798     margin-top: 5px; 
     1796    margin-top: 10px; 
    17991797    max-width: 200px; 
    18001798    opacity: 0; 
     
    18081806    top: 100%; 
    18091807    transform: translateX(50%); 
    1810     -webkit-transform: translateX(50%); 
     1808    transition: opacity 2s ease-out; 
    18111809    white-space: pre; 
    18121810    word-wrap: break-word; 
    18131811    z-index: 998; 
    1814 } 
    1815  
    1816 .bp-tooltip::before { 
    1817     border: 5px solid transparent; 
    1818     bottom: -5px; 
    1819     content: ""; 
    1820     color: #333; 
    1821     display: none; 
    1822     height: 0; 
    1823     margin-right: -5px; 
    1824     opacity: 0; 
    1825     position: absolute; 
    1826     right: 50%; 
    1827     top: auto; 
    1828     width: 0; 
    1829     z-index: 999; 
    1830 } 
    1831  
    1832 @-webkit-keyframes tooltip-show { 
    1833     from { 
    1834         opacity: 0; 
    1835     } 
    1836     to { 
    1837         opacity: 1; 
    1838     } 
    1839 } 
    1840  
    1841 @keyframes tooltip-show { 
    1842     from { 
    1843         opacity: 0; 
    1844     } 
    1845     to { 
    1846         opacity: 1; 
    1847     } 
    18481812} 
    18491813 
     
    18551819.bp-tooltip:focus::after { 
    18561820    display: inline-block; 
     1821    opacity: 1; 
    18571822    overflow: visible; 
    18581823    text-decoration: none; 
    1859     -webkit-animation-name: tooltip-show; 
    1860     animation-name: tooltip-show; 
    1861     -webkit-animation-duration: 0.1s; 
    1862     animation-duration: 0.1s; 
    1863     -webkit-animation-fill-mode: forwards; 
    1864     animation-fill-mode: forwards; 
    1865     -webkit-animation-timing-function: ease-in; 
    1866     animation-timing-function: ease-in; 
    1867     -webkit-animation-delay: 0.4s; 
    1868     animation-delay: 0.4s; 
    18691824    z-index: 999; 
    18701825} 
Note: See TracChangeset for help on using the changeset viewer.