Skip to:
Content

Changeset 11581


Ignore:
Timestamp:
06/08/2017 04:52:41 PM (12 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.