| @@ -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{ |
| @@ -1230,9 +1266,9 @@ | ||
| 1230 | 1266 | |
| 1231 | 1267 | #wppm_project_filter_container{ |
| 1232 | 1268 | display: flex; |
| 1233 | 1269 | flex-wrap: wrap; |
| 1234 | - align-items: flex-end; | |
| 1270 | + align-items: center; | |
| 1235 | 1271 | margin-bottom: 10px; |
| 1236 | 1272 | } |
| 1237 | 1273 | |
| 1238 | 1274 | #wppm_task_filter_container{ |
| @@ -1251,11 +1287,17 @@ | ||
| 1251 | 1287 | } |
| 1252 | 1288 | |
| 1253 | 1289 | .wppm-filter-item { |
| 1254 | 1290 | max-width: 200px; |
| 1255 | - margin-right: 5px; | |
| 1291 | + margin: 0 5px 32px 10px; | |
| 1292 | + display: flex; | |
| 1293 | + flex-direction: column; | |
| 1294 | + justify-content: center; | |
| 1295 | +} | |
| 1296 | + | |
| 1297 | +.tb-filters { | |
| 1256 | 1298 | margin-bottom: 10px; |
| 1257 | - margin: 0 5px 10px 10px; | |
| 1299 | + align-items: center; | |
| 1258 | 1300 | } |
| 1259 | 1301 | .wppm-filter-item select { |
| 1260 | 1302 | width: 100% !important; |
| 1261 | 1303 | } |
| @@ -1586,13 +1628,20 @@ | ||
| 1586 | 1628 | #wppmprint_menu a:hover { |
| 1587 | 1629 | background: #f0f0f0; |
| 1588 | 1630 | } |
| 1589 | 1631 | |
| 1590 | -.wppm_checklist_items_container { list-style: none; padding-left: 0; } | |
| 1591 | -.wppm_checklist_items_container .wppm_checklist_item { | |
| 1592 | - padding: 6px 10px; | |
| 1632 | +.wppm_checklist_items_container { | |
| 1633 | + list-style: none; | |
| 1634 | + padding-left: 0; | |
| 1635 | + margin-left: 20px; | |
| 1636 | + margin-right: 20px; | |
| 1637 | +} | |
| 1638 | +.wppm_checklist_items_container .wppm_checklist_item { | |
| 1639 | + padding: 6px 10px; | |
| 1593 | 1640 | background: #fff; |
| 1641 | + margin-right: 5px; | |
| 1594 | 1642 | margin-bottom: 4px; |
| 1643 | + margin-left: 5px; | |
| 1595 | 1644 | border: 1px solid #ddd; |
| 1596 | 1645 | cursor: grab; |
| 1597 | 1646 | display: flex; |
| 1598 | 1647 | align-items: center; |
| @@ -1600,9 +1649,120 @@ | ||
| 1600 | 1649 | .wppm_checklist_items_container .wppm_chk_items_drag { |
| 1601 | 1650 | margin-right: 10px; |
| 1602 | 1651 | cursor: move; |
| 1603 | 1652 | } |
| 1653 | +.wppm_subtask_more_users { | |
| 1654 | + display: inline-flex; | |
| 1655 | + flex-shrink: 0; | |
| 1656 | + align-items: center; | |
| 1657 | + justify-content: center; | |
| 1658 | + width: 20px; | |
| 1659 | + height: 20px; | |
| 1660 | + min-width: 20px; | |
| 1661 | + border-radius: 50%; | |
| 1662 | + background: #e2e4e7; | |
| 1663 | + color: #555d66; | |
| 1664 | + font-size: 8px; | |
| 1665 | + line-height: 1; | |
| 1666 | + font-weight: 600; | |
| 1667 | + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1668 | + vertical-align: middle; | |
| 1669 | + margin-left: -12px; | |
| 1670 | + padding: 0; | |
| 1671 | + border: 2px solid #fff; | |
| 1672 | + box-sizing: border-box; | |
| 1673 | +} | |
| 1604 | 1674 | |
| 1675 | +/* Add checklist / add checklist item: input + button sized to content, not full-width */ | |
| 1676 | +#wppm_checklist_label, | |
| 1677 | +input[name="wppm_checklist_item_label"] { | |
| 1678 | + display: inline-block !important; | |
| 1679 | + width: 240px !important; | |
| 1680 | + max-width: 100%; | |
| 1681 | + margin-right: 8px; | |
| 1682 | + vertical-align: middle; | |
| 1683 | + box-sizing: border-box; | |
| 1684 | +} | |
| 1685 | +#wppm_checklist_btn, | |
| 1686 | +input[name="wppm_checklist_item_label"] + input[type="button"] { | |
| 1687 | + display: inline-block !important; | |
| 1688 | + width: auto !important; | |
| 1689 | + vertical-align: middle; | |
| 1690 | +} | |
| 1691 | + | |
| 1692 | +/* Subtasks / checklist - mobile */ | |
| 1693 | +@media (max-width: 782px) { | |
| 1694 | + .wppm_checklist_items_container { | |
| 1695 | + margin-left: 0; | |
| 1696 | + margin-right: 0; | |
| 1697 | + } | |
| 1698 | + .wppm_checklist_items_container .wppm_checklist_item { | |
| 1699 | + flex-wrap: wrap; | |
| 1700 | + margin-left: 0; | |
| 1701 | + margin-right: 0; | |
| 1702 | + } | |
| 1703 | + .wppm_checklist_items_container .wppm_checklist_item .col-sm-8, | |
| 1704 | + .wppm_checklist_items_container .wppm_checklist_item .col-sm-4 { | |
| 1705 | + width: 100%; | |
| 1706 | + text-align: left !important; | |
| 1707 | + margin-top: 6px; | |
| 1708 | + } | |
| 1709 | + #wppm_checklist_label, | |
| 1710 | + input[name="wppm_checklist_item_label"] { | |
| 1711 | + width: 100% !important; | |
| 1712 | + margin-right: 0; | |
| 1713 | + margin-bottom: 8px; | |
| 1714 | + } | |
| 1715 | + #wppm_checklist_btn, | |
| 1716 | + input[name="wppm_checklist_item_label"] + input[type="button"] { | |
| 1717 | + width: 100% !important; | |
| 1718 | + } | |
| 1719 | + | |
| 1720 | + /* Open Task toolbar: let the icon buttons wrap instead of overflowing */ | |
| 1721 | + .wppm_headers.row { | |
| 1722 | + display: flex; | |
| 1723 | + flex-wrap: wrap; | |
| 1724 | + align-items: center; | |
| 1725 | + row-gap: 8px; | |
| 1726 | + } | |
| 1727 | + .wppm_headers .col-sm-8 { | |
| 1728 | + display: flex; | |
| 1729 | + flex-wrap: wrap; | |
| 1730 | + align-items: center; | |
| 1731 | + gap: 6px; | |
| 1732 | + width: 100%; | |
| 1733 | + } | |
| 1734 | + | |
| 1735 | + /* Checklist header row (title + delete link) - stack like subtask/checklist items */ | |
| 1736 | + .wppm_task_checklist_container .row .col-sm-8, | |
| 1737 | + .wppm_task_checklist_container .row .col-sm-4 { | |
| 1738 | + width: 100%; | |
| 1739 | + text-align: left !important; | |
| 1740 | + margin-top: 4px; | |
| 1741 | + } | |
| 1742 | + .wppm_task_subtask_container, | |
| 1743 | + .wppm_task_checklist_container, | |
| 1744 | + .wppm_thread, | |
| 1745 | + .wppm_proj_thread { | |
| 1746 | + margin: 8px; | |
| 1747 | + } | |
| 1748 | + | |
| 1749 | + /* Comment thread: avatar above the comment body instead of a cramped side-by-side table */ | |
| 1750 | + .wppm_thread, | |
| 1751 | + .wppm_proj_thread { | |
| 1752 | + display: block; | |
| 1753 | + } | |
| 1754 | + .wppm_thread_avatar, | |
| 1755 | + .wppm_thread_body { | |
| 1756 | + display: block; | |
| 1757 | + width: 100%; | |
| 1758 | + padding-left: 0; | |
| 1759 | + } | |
| 1760 | + .wppm_thread_avatar { | |
| 1761 | + padding-bottom: 8px; | |
| 1762 | + } | |
| 1763 | +} | |
| 1764 | + | |
| 1605 | 1765 | /* Main container */ |
| 1606 | 1766 | /* GRID CONTAINER */ |
| 1607 | 1767 | .wppm_bootstrap .pricing-flex { |
| 1608 | 1768 | display: grid !important; |
| @@ -1625,8 +1785,135 @@ | ||
| 1625 | 1785 | |
| 1626 | 1786 | /* BODY GROWS */ |
| 1627 | 1787 | .wppm_bootstrap .pricing-widget .pbody { |
| 1628 | 1788 | flex: 1; |
| 1789 | +} | |
| 1790 | + | |
| 1791 | +/* PRO ADDON CARD (Addons page) - card stays fully visible, just a small corner badge */ | |
| 1792 | +.wppm_bootstrap .pricing-widget { | |
| 1793 | + position: relative; | |
| 1794 | +} | |
| 1795 | +.wppm_bootstrap .wppm-pro-badge-corner-lg { | |
| 1796 | + position: absolute; | |
| 1797 | + top: 10px; | |
| 1798 | + right: 10px; | |
| 1799 | + z-index: 5; | |
| 1800 | + display: flex; | |
| 1801 | + align-items: center; | |
| 1802 | + justify-content: center; | |
| 1803 | + width: 30px; | |
| 1804 | + height: 30px; | |
| 1805 | + background: #fff; | |
| 1806 | + border-radius: 50%; | |
| 1807 | + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); | |
| 1808 | + line-height: 0; | |
| 1809 | +} | |
| 1810 | + | |
| 1811 | +/* PRO FEATURE BADGE ICON (sidebar menu, settings pills, toolbar buttons) */ | |
| 1812 | +.wppm-pro-badge { | |
| 1813 | + display: inline-flex; | |
| 1814 | + align-items: center; | |
| 1815 | + margin-left: 4px; | |
| 1816 | + line-height: 0; | |
| 1817 | + vertical-align: middle; | |
| 1818 | +} | |
| 1819 | +.wppm-pro-badge svg { | |
| 1820 | + display: block; | |
| 1821 | +} | |
| 1822 | + | |
| 1823 | +/* Locked settings pill */ | |
| 1824 | +.wppm_bootstrap .wppm_setting_pills li.wppm-locked-pill a { | |
| 1825 | + display: flex; | |
| 1826 | + align-items: center; | |
| 1827 | + opacity: 0.75; | |
| 1828 | +} | |
| 1829 | +.wppm_bootstrap .wppm_setting_pills li.wppm-locked-pill .wppm-pro-pill-lock { | |
| 1830 | + display: inline-flex; | |
| 1831 | + align-items: center; | |
| 1832 | + margin-right: 4px; | |
| 1833 | + line-height: 0; | |
| 1834 | + vertical-align: middle; | |
| 1835 | +} | |
| 1836 | + | |
| 1837 | +/* Locked project toolbar button */ | |
| 1838 | +.wppm_bootstrap .wppm-locked-toolbar-btn { | |
| 1839 | + opacity: 0.7; | |
| 1840 | +} | |
| 1841 | +.wppm_bootstrap .wppm-locked-toolbar-btn:hover { | |
| 1842 | + opacity: 1; | |
| 1843 | +} | |
| 1844 | +.wppm_bootstrap .wppm-pro-icon-wrap { | |
| 1845 | + position: relative; | |
| 1846 | + display: inline-block; | |
| 1847 | + line-height: 0; | |
| 1848 | +} | |
| 1849 | +.wppm_bootstrap .wppm-pro-icon-wrap img { | |
| 1850 | + width: 16px; | |
| 1851 | + height: 16px; | |
| 1852 | + vertical-align: middle; | |
| 1853 | +} | |
| 1854 | +.wppm_bootstrap .wppm-pro-badge-corner { | |
| 1855 | + position: absolute; | |
| 1856 | + top: -5px; | |
| 1857 | + right: -6px; | |
| 1858 | + display: flex; | |
| 1859 | + align-items: center; | |
| 1860 | + justify-content: center; | |
| 1861 | + width: 14px; | |
| 1862 | + height: 14px; | |
| 1863 | + background: #fff; | |
| 1864 | + border-radius: 50%; | |
| 1865 | + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); | |
| 1866 | + line-height: 0; | |
| 1867 | +} | |
| 1868 | + | |
| 1869 | +/* Pro addon teaser (sidebar page + settings inline upsell) */ | |
| 1870 | +.wppm-pro-teaser { | |
| 1871 | + max-width: 520px; | |
| 1872 | + margin: 30px auto; | |
| 1873 | + padding: 30px; | |
| 1874 | + text-align: center; | |
| 1875 | + background: #fff; | |
| 1876 | + border: 1px solid #e5e5e5; | |
| 1877 | + border-radius: 6px; | |
| 1878 | + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1879 | +} | |
| 1880 | +.wppm-pro-teaser-inline { | |
| 1881 | + margin: 0; | |
| 1882 | +} | |
| 1883 | +.wppm-pro-teaser-icon { | |
| 1884 | + position: relative; | |
| 1885 | + display: inline-block; | |
| 1886 | + margin-bottom: 15px; | |
| 1887 | +} | |
| 1888 | +.wppm-pro-teaser-icon img { | |
| 1889 | + width: 48px; | |
| 1890 | + height: 48px; | |
| 1891 | + opacity: 0.5; | |
| 1892 | +} | |
| 1893 | +.wppm-pro-teaser-icon .wppm-pro-teaser-lock { | |
| 1894 | + position: absolute; | |
| 1895 | + right: -6px; | |
| 1896 | + bottom: -4px; | |
| 1897 | + display: flex; | |
| 1898 | + align-items: center; | |
| 1899 | + justify-content: center; | |
| 1900 | + width: 22px; | |
| 1901 | + height: 22px; | |
| 1902 | + background: #f5a623; | |
| 1903 | + border-radius: 50%; | |
| 1904 | + line-height: 0; | |
| 1905 | +} | |
| 1906 | +.wppm-pro-teaser h2 { | |
| 1907 | + margin: 0 0 10px; | |
| 1908 | + font-family: "OpenSans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 1909 | +} | |
| 1910 | +.wppm-pro-teaser p { | |
| 1911 | + color: #555; | |
| 1912 | + margin-bottom: 20px; | |
| 1913 | +} | |
| 1914 | +.wppm-pro-teaser-actions .btn { | |
| 1915 | + margin: 0 5px; | |
| 1629 | 1916 | } |
| 1630 | 1917 | |
| 1631 | 1918 | /* FOOTER */ |
| 1632 | 1919 | /* .wppm_bootstrap .pricing-widget .pfooter { |
