| @@ -324,9 +324,9 @@ | ||
| 324 | 324 | text-align: center; |
| 325 | 325 | line-height: 1; |
| 326 | 326 | |
| 327 | 327 | } |
| 328 | -.avatar{ | |
| 328 | +.wppm_bootstrap .avatar{ | |
| 329 | 329 | border-radius: 50%; |
| 330 | 330 | border: 2px solid #FFF; |
| 331 | 331 | margin-left: -12px; |
| 332 | 332 | border: 2px solid #FFF; |
| @@ -706,8 +706,32 @@ | ||
| 706 | 706 | background-color: #FFFFFF; |
| 707 | 707 | margin: 15px; |
| 708 | 708 | border: 1px solid #eee !important; |
| 709 | 709 | } |
| 710 | +.wppm_task_subtask_container{ | |
| 711 | + background-color: #FFFFFF; | |
| 712 | + margin: 15px; | |
| 713 | + border: 1px solid #eee !important; | |
| 714 | +} | |
| 715 | +.wppm_subtask_parent_link{ | |
| 716 | + font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 717 | + color: #7a7a7a; | |
| 718 | + margin-top: 4px; | |
| 719 | +} | |
| 720 | +.wppm_subtask_parent_link a{ | |
| 721 | + color: #306EFF; | |
| 722 | + text-decoration: none; | |
| 723 | +} | |
| 724 | +.wppm_subtask_badge{ | |
| 725 | + display: inline-block; | |
| 726 | + font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 727 | + color: #5a5a5a; | |
| 728 | + background-color: #eef1f5; | |
| 729 | + border-radius: 10px; | |
| 730 | + padding: 1px 8px; | |
| 731 | + margin-left: 6px; | |
| 732 | + vertical-align: middle; | |
| 733 | +} | |
| 710 | 734 | .wppm_proj_thread{ |
| 711 | 735 | background-color: #FFFFFF; |
| 712 | 736 | border: 1px solid #eee !important; |
| 713 | 737 | } |
| @@ -974,8 +998,20 @@ | ||
| 974 | 998 | } |
| 975 | 999 | .wppm_task_label,.wppm_checklist_label,.wppm_project_label{ |
| 976 | 1000 | font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important; |
| 977 | 1001 | } |
| 1002 | +.wppm_task_subtask_container .wppm_checklist_label { | |
| 1003 | + display: inline-flex; | |
| 1004 | + align-items: center; | |
| 1005 | + gap: 8px; | |
| 1006 | + margin-top: 7px; | |
| 1007 | +} | |
| 1008 | +.wppm_task_checklist_container .wppm_checklist_label { | |
| 1009 | + display: inline-flex; | |
| 1010 | + align-items: center; | |
| 1011 | + gap: 8px; | |
| 1012 | + margin-top: 7px; | |
| 1013 | +} | |
| 978 | 1014 | .widget_divider{ |
| 979 | 1015 | margin:4px 0 6px 0px !important; |
| 980 | 1016 | } |
| 981 | 1017 | .wppm_individual_task_widget{ |
| @@ -1586,13 +1622,20 @@ | ||
| 1586 | 1622 | #wppmprint_menu a:hover { |
| 1587 | 1623 | background: #f0f0f0; |
| 1588 | 1624 | } |
| 1589 | 1625 | |
| 1590 | -.wppm_checklist_items_container { list-style: none; padding-left: 0; } | |
| 1591 | -.wppm_checklist_items_container .wppm_checklist_item { | |
| 1592 | - padding: 6px 10px; | |
| 1626 | +.wppm_checklist_items_container { | |
| 1627 | + list-style: none; | |
| 1628 | + padding-left: 0; | |
| 1629 | + margin-left: 20px; | |
| 1630 | + margin-right: 20px; | |
| 1631 | +} | |
| 1632 | +.wppm_checklist_items_container .wppm_checklist_item { | |
| 1633 | + padding: 6px 10px; | |
| 1593 | 1634 | background: #fff; |
| 1635 | + margin-right: 5px; | |
| 1594 | 1636 | margin-bottom: 4px; |
| 1637 | + margin-left: 5px; | |
| 1595 | 1638 | border: 1px solid #ddd; |
| 1596 | 1639 | cursor: grab; |
| 1597 | 1640 | display: flex; |
| 1598 | 1641 | align-items: center; |
| @@ -1600,9 +1643,120 @@ | ||
| 1600 | 1643 | .wppm_checklist_items_container .wppm_chk_items_drag { |
| 1601 | 1644 | margin-right: 10px; |
| 1602 | 1645 | cursor: move; |
| 1603 | 1646 | } |
| 1647 | +.wppm_subtask_more_users { | |
| 1648 | + display: inline-flex; | |
| 1649 | + flex-shrink: 0; | |
| 1650 | + align-items: center; | |
| 1651 | + justify-content: center; | |
| 1652 | + width: 20px; | |
| 1653 | + height: 20px; | |
| 1654 | + min-width: 20px; | |
| 1655 | + border-radius: 50%; | |
| 1656 | + background: #e2e4e7; | |
| 1657 | + color: #555d66; | |
| 1658 | + font-size: 8px; | |
| 1659 | + line-height: 1; | |
| 1660 | + font-weight: 600; | |
| 1661 | + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1662 | + vertical-align: middle; | |
| 1663 | + margin-left: -12px; | |
| 1664 | + padding: 0; | |
| 1665 | + border: 2px solid #fff; | |
| 1666 | + box-sizing: border-box; | |
| 1667 | +} | |
| 1604 | 1668 | |
| 1669 | +/* Add checklist / add checklist item: input + button sized to content, not full-width */ | |
| 1670 | +#wppm_checklist_label, | |
| 1671 | +input[name="wppm_checklist_item_label"] { | |
| 1672 | + display: inline-block !important; | |
| 1673 | + width: 240px !important; | |
| 1674 | + max-width: 100%; | |
| 1675 | + margin-right: 8px; | |
| 1676 | + vertical-align: middle; | |
| 1677 | + box-sizing: border-box; | |
| 1678 | +} | |
| 1679 | +#wppm_checklist_btn, | |
| 1680 | +input[name="wppm_checklist_item_label"] + input[type="button"] { | |
| 1681 | + display: inline-block !important; | |
| 1682 | + width: auto !important; | |
| 1683 | + vertical-align: middle; | |
| 1684 | +} | |
| 1685 | + | |
| 1686 | +/* Subtasks / checklist - mobile */ | |
| 1687 | +@media (max-width: 782px) { | |
| 1688 | + .wppm_checklist_items_container { | |
| 1689 | + margin-left: 0; | |
| 1690 | + margin-right: 0; | |
| 1691 | + } | |
| 1692 | + .wppm_checklist_items_container .wppm_checklist_item { | |
| 1693 | + flex-wrap: wrap; | |
| 1694 | + margin-left: 0; | |
| 1695 | + margin-right: 0; | |
| 1696 | + } | |
| 1697 | + .wppm_checklist_items_container .wppm_checklist_item .col-sm-8, | |
| 1698 | + .wppm_checklist_items_container .wppm_checklist_item .col-sm-4 { | |
| 1699 | + width: 100%; | |
| 1700 | + text-align: left !important; | |
| 1701 | + margin-top: 6px; | |
| 1702 | + } | |
| 1703 | + #wppm_checklist_label, | |
| 1704 | + input[name="wppm_checklist_item_label"] { | |
| 1705 | + width: 100% !important; | |
| 1706 | + margin-right: 0; | |
| 1707 | + margin-bottom: 8px; | |
| 1708 | + } | |
| 1709 | + #wppm_checklist_btn, | |
| 1710 | + input[name="wppm_checklist_item_label"] + input[type="button"] { | |
| 1711 | + width: 100% !important; | |
| 1712 | + } | |
| 1713 | + | |
| 1714 | + /* Open Task toolbar: let the icon buttons wrap instead of overflowing */ | |
| 1715 | + .wppm_headers.row { | |
| 1716 | + display: flex; | |
| 1717 | + flex-wrap: wrap; | |
| 1718 | + align-items: center; | |
| 1719 | + row-gap: 8px; | |
| 1720 | + } | |
| 1721 | + .wppm_headers .col-sm-8 { | |
| 1722 | + display: flex; | |
| 1723 | + flex-wrap: wrap; | |
| 1724 | + align-items: center; | |
| 1725 | + gap: 6px; | |
| 1726 | + width: 100%; | |
| 1727 | + } | |
| 1728 | + | |
| 1729 | + /* Checklist header row (title + delete link) - stack like subtask/checklist items */ | |
| 1730 | + .wppm_task_checklist_container .row .col-sm-8, | |
| 1731 | + .wppm_task_checklist_container .row .col-sm-4 { | |
| 1732 | + width: 100%; | |
| 1733 | + text-align: left !important; | |
| 1734 | + margin-top: 4px; | |
| 1735 | + } | |
| 1736 | + .wppm_task_subtask_container, | |
| 1737 | + .wppm_task_checklist_container, | |
| 1738 | + .wppm_thread, | |
| 1739 | + .wppm_proj_thread { | |
| 1740 | + margin: 8px; | |
| 1741 | + } | |
| 1742 | + | |
| 1743 | + /* Comment thread: avatar above the comment body instead of a cramped side-by-side table */ | |
| 1744 | + .wppm_thread, | |
| 1745 | + .wppm_proj_thread { | |
| 1746 | + display: block; | |
| 1747 | + } | |
| 1748 | + .wppm_thread_avatar, | |
| 1749 | + .wppm_thread_body { | |
| 1750 | + display: block; | |
| 1751 | + width: 100%; | |
| 1752 | + padding-left: 0; | |
| 1753 | + } | |
| 1754 | + .wppm_thread_avatar { | |
| 1755 | + padding-bottom: 8px; | |
| 1756 | + } | |
| 1757 | +} | |
| 1758 | + | |
| 1605 | 1759 | /* Main container */ |
| 1606 | 1760 | /* GRID CONTAINER */ |
| 1607 | 1761 | .wppm_bootstrap .pricing-flex { |
| 1608 | 1762 | display: grid !important; |
| @@ -1625,8 +1779,135 @@ | ||
| 1625 | 1779 | |
| 1626 | 1780 | /* BODY GROWS */ |
| 1627 | 1781 | .wppm_bootstrap .pricing-widget .pbody { |
| 1628 | 1782 | flex: 1; |
| 1783 | +} | |
| 1784 | + | |
| 1785 | +/* PRO ADDON CARD (Addons page) - card stays fully visible, just a small corner badge */ | |
| 1786 | +.wppm_bootstrap .pricing-widget { | |
| 1787 | + position: relative; | |
| 1788 | +} | |
| 1789 | +.wppm_bootstrap .wppm-pro-badge-corner-lg { | |
| 1790 | + position: absolute; | |
| 1791 | + top: 10px; | |
| 1792 | + right: 10px; | |
| 1793 | + z-index: 5; | |
| 1794 | + display: flex; | |
| 1795 | + align-items: center; | |
| 1796 | + justify-content: center; | |
| 1797 | + width: 30px; | |
| 1798 | + height: 30px; | |
| 1799 | + background: #fff; | |
| 1800 | + border-radius: 50%; | |
| 1801 | + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); | |
| 1802 | + line-height: 0; | |
| 1803 | +} | |
| 1804 | + | |
| 1805 | +/* PRO FEATURE BADGE ICON (sidebar menu, settings pills, toolbar buttons) */ | |
| 1806 | +.wppm-pro-badge { | |
| 1807 | + display: inline-flex; | |
| 1808 | + align-items: center; | |
| 1809 | + margin-left: 4px; | |
| 1810 | + line-height: 0; | |
| 1811 | + vertical-align: middle; | |
| 1812 | +} | |
| 1813 | +.wppm-pro-badge svg { | |
| 1814 | + display: block; | |
| 1815 | +} | |
| 1816 | + | |
| 1817 | +/* Locked settings pill */ | |
| 1818 | +.wppm_bootstrap .wppm_setting_pills li.wppm-locked-pill a { | |
| 1819 | + display: flex; | |
| 1820 | + align-items: center; | |
| 1821 | + opacity: 0.75; | |
| 1822 | +} | |
| 1823 | +.wppm_bootstrap .wppm_setting_pills li.wppm-locked-pill .wppm-pro-pill-lock { | |
| 1824 | + display: inline-flex; | |
| 1825 | + align-items: center; | |
| 1826 | + margin-right: 4px; | |
| 1827 | + line-height: 0; | |
| 1828 | + vertical-align: middle; | |
| 1829 | +} | |
| 1830 | + | |
| 1831 | +/* Locked project toolbar button */ | |
| 1832 | +.wppm_bootstrap .wppm-locked-toolbar-btn { | |
| 1833 | + opacity: 0.7; | |
| 1834 | +} | |
| 1835 | +.wppm_bootstrap .wppm-locked-toolbar-btn:hover { | |
| 1836 | + opacity: 1; | |
| 1837 | +} | |
| 1838 | +.wppm_bootstrap .wppm-pro-icon-wrap { | |
| 1839 | + position: relative; | |
| 1840 | + display: inline-block; | |
| 1841 | + line-height: 0; | |
| 1842 | +} | |
| 1843 | +.wppm_bootstrap .wppm-pro-icon-wrap img { | |
| 1844 | + width: 16px; | |
| 1845 | + height: 16px; | |
| 1846 | + vertical-align: middle; | |
| 1847 | +} | |
| 1848 | +.wppm_bootstrap .wppm-pro-badge-corner { | |
| 1849 | + position: absolute; | |
| 1850 | + top: -5px; | |
| 1851 | + right: -6px; | |
| 1852 | + display: flex; | |
| 1853 | + align-items: center; | |
| 1854 | + justify-content: center; | |
| 1855 | + width: 14px; | |
| 1856 | + height: 14px; | |
| 1857 | + background: #fff; | |
| 1858 | + border-radius: 50%; | |
| 1859 | + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); | |
| 1860 | + line-height: 0; | |
| 1861 | +} | |
| 1862 | + | |
| 1863 | +/* Pro addon teaser (sidebar page + settings inline upsell) */ | |
| 1864 | +.wppm-pro-teaser { | |
| 1865 | + max-width: 520px; | |
| 1866 | + margin: 30px auto; | |
| 1867 | + padding: 30px; | |
| 1868 | + text-align: center; | |
| 1869 | + background: #fff; | |
| 1870 | + border: 1px solid #e5e5e5; | |
| 1871 | + border-radius: 6px; | |
| 1872 | + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1873 | +} | |
| 1874 | +.wppm-pro-teaser-inline { | |
| 1875 | + margin: 0; | |
| 1876 | +} | |
| 1877 | +.wppm-pro-teaser-icon { | |
| 1878 | + position: relative; | |
| 1879 | + display: inline-block; | |
| 1880 | + margin-bottom: 15px; | |
| 1881 | +} | |
| 1882 | +.wppm-pro-teaser-icon img { | |
| 1883 | + width: 48px; | |
| 1884 | + height: 48px; | |
| 1885 | + opacity: 0.5; | |
| 1886 | +} | |
| 1887 | +.wppm-pro-teaser-icon .wppm-pro-teaser-lock { | |
| 1888 | + position: absolute; | |
| 1889 | + right: -6px; | |
| 1890 | + bottom: -4px; | |
| 1891 | + display: flex; | |
| 1892 | + align-items: center; | |
| 1893 | + justify-content: center; | |
| 1894 | + width: 22px; | |
| 1895 | + height: 22px; | |
| 1896 | + background: #f5a623; | |
| 1897 | + border-radius: 50%; | |
| 1898 | + line-height: 0; | |
| 1899 | +} | |
| 1900 | +.wppm-pro-teaser h2 { | |
| 1901 | + margin: 0 0 10px; | |
| 1902 | + font-family: "OpenSans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1903 | +} | |
| 1904 | +.wppm-pro-teaser p { | |
| 1905 | + color: #555; | |
| 1906 | + margin-bottom: 20px; | |
| 1907 | +} | |
| 1908 | +.wppm-pro-teaser-actions .btn { | |
| 1909 | + margin: 0 5px; | |
| 1629 | 1910 | } |
| 1630 | 1911 | |
| 1631 | 1912 | /* FOOTER */ |
| 1632 | 1913 | /* .wppm_bootstrap .pricing-widget .pfooter { |
