| @@ -252,9 +252,9 @@ | ||
| 252 | 252 | font-size: 14px; |
| 253 | 253 | margin-left:20px; |
| 254 | 254 | background-color: #5067c5; |
| 255 | 255 | color:#ffffff!important; |
| 256 | - border: 1px solid #8a8a8a !important; | |
| 256 | + border: 1px; | |
| 257 | 257 | } |
| 258 | 258 | .wppm-btn-cancel{ |
| 259 | 259 | padding: 5px 10px; |
| 260 | 260 | border-radius: 14px; |
| @@ -297,9 +297,9 @@ | ||
| 297 | 297 | #wppm_task_table th{ |
| 298 | 298 | border: none !important; |
| 299 | 299 | } |
| 300 | 300 | #wppm_task_table_container{ |
| 301 | - padding: 0 15px 15px 15px; | |
| 301 | + padding:15px; | |
| 302 | 302 | } |
| 303 | 303 | .wppm_status{ |
| 304 | 304 | background-color: aqua; |
| 305 | 305 | border-radius: 30px; |
| @@ -404,9 +404,8 @@ | ||
| 404 | 404 | top: 50px; |
| 405 | 405 | right: 50px; |
| 406 | 406 | font-size: 15px; |
| 407 | 407 | font-weight: bold; |
| 408 | - z-index: 10000000000000; | |
| 409 | 408 | } |
| 410 | 409 | #wppm_add_new_project{ |
| 411 | 410 | margin:20px; |
| 412 | 411 | background-color: #FFFFFF; |
| @@ -452,9 +451,12 @@ | ||
| 452 | 451 | #wppm_apply_filter{ |
| 453 | 452 | background-color:#306EFF; |
| 454 | 453 | margin-bottom:2px; |
| 455 | 454 | } |
| 456 | - | |
| 455 | +#wppm_project_table{ | |
| 456 | + margin: 15px; | |
| 457 | + overflow-x: auto; | |
| 458 | +} | |
| 457 | 459 | .wppm_label{ |
| 458 | 460 | font-size: 12px; |
| 459 | 461 | font-weight: 600; |
| 460 | 462 | color: #9c9c9c; |
| @@ -471,11 +473,11 @@ | ||
| 471 | 473 | border-radius: 20px; |
| 472 | 474 | font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif; |
| 473 | 475 | } |
| 474 | 476 | #wppm_project_search_filter_img, .wppm_task_search_filter_img{ |
| 475 | - position: relative !important; | |
| 477 | + position: absolute; | |
| 476 | 478 | top: 10px; |
| 477 | - left: 30px; | |
| 479 | + left: 18px; | |
| 478 | 480 | } |
| 479 | 481 | .wppm_add_new_task_img, .wppm_task_list_image{ |
| 480 | 482 | padding-right: 5px; |
| 481 | 483 | padding-bottom: 3px; |
| @@ -779,11 +781,13 @@ | ||
| 779 | 781 | padding: 5px; |
| 780 | 782 | background-color: #FFFFFF; |
| 781 | 783 | float: right; |
| 782 | 784 | border-radius: 4px; |
| 785 | + margin-right: 10px; | |
| 783 | 786 | cursor: pointer; |
| 784 | 787 | font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 785 | 788 | color: #858c96; |
| 789 | + margin-top: 5px; | |
| 786 | 790 | } |
| 787 | 791 | #wppm_select_user_role{ |
| 788 | 792 | margin: 10px 10px 10px 0px; |
| 789 | 793 | } |
| @@ -979,9 +983,9 @@ | ||
| 979 | 983 | .wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{ |
| 980 | 984 | float:right; |
| 981 | 985 | cursor:pointer; |
| 982 | 986 | } |
| 983 | -.wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn,#wppm_print_task_btn,#wppm_archieve_task_btn,#wppm_dashboard_btn{ | |
| 987 | +.wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{ | |
| 984 | 988 | cursor: pointer; |
| 985 | 989 | } |
| 986 | 990 | #wppm_project_details_container{ |
| 987 | 991 | border: 1px solid #eee; |
| @@ -991,12 +995,12 @@ | ||
| 991 | 995 | } |
| 992 | 996 | #wppm_view_project_task{ |
| 993 | 997 | background-color: #ffffff; |
| 994 | 998 | } |
| 995 | -#wppm_project_tasks,.wppm_add_new_project_btn,#wppm_proj_overview_btn{ | |
| 999 | +#wppm_project_tasks,.wppm_add_new_project_btn{ | |
| 996 | 1000 | cursor:pointer; |
| 997 | 1001 | } |
| 998 | -#wppm_add_new_project_btn,#wppm_proj_overview_btn{ | |
| 1002 | +#wppm_add_new_project_btn{ | |
| 999 | 1003 | margin-bottom: 10px; |
| 1000 | 1004 | } |
| 1001 | 1005 | #wppm_delete_project_icon, #wppm_add_new_project_icon, #wppm_project_list_icon, #wppm_task_list_icon{ |
| 1002 | 1006 | margin-top: -3px; |
| @@ -1183,9 +1187,9 @@ | ||
| 1183 | 1187 | .wppm_bootstrap .purchase_addon{ |
| 1184 | 1188 | padding-right: 5px; |
| 1185 | 1189 | } |
| 1186 | 1190 | |
| 1187 | -#wppm_chevron_sort_down_task_name_img, #wppm_chevron_sort_down_project_list_img, #wppm_chevron_sort_down_status_img, #wppm_chevron_sort_down_priority_img, #wppm_chevron_sort_down_start_date_img, #wppm_chevron_sort_down_end_date_img,#wppm_chevron_sort_down_task_duration_img{ | |
| 1191 | +#wppm_chevron_sort_down_task_name_img, #wppm_chevron_sort_down_project_list_img, #wppm_chevron_sort_down_status_img, #wppm_chevron_sort_down_priority_img, #wppm_chevron_sort_down_start_date_img, #wppm_chevron_sort_down_end_date_img{ | |
| 1188 | 1192 | margin-right:-19px; |
| 1189 | 1193 | } |
| 1190 | 1194 | |
| 1191 | 1195 | .wppm-help-container{ |
| @@ -1445,8 +1449,9 @@ | ||
| 1445 | 1449 | |
| 1446 | 1450 | .wppm-bulk-actions { |
| 1447 | 1451 | display: flex; |
| 1448 | 1452 | align-items: center; |
| 1453 | + margin-bottom: 20px; | |
| 1449 | 1454 | } |
| 1450 | 1455 | .wppm-bulk-actions select { |
| 1451 | 1456 | min-width: 150px; |
| 1452 | 1457 | max-width: 250px; |
| @@ -1477,9 +1482,8 @@ | ||
| 1477 | 1482 | padding: 10px; |
| 1478 | 1483 | cursor: pointer; |
| 1479 | 1484 | background-color: #fff; |
| 1480 | 1485 | color: #707070; |
| 1481 | - margin-left: 10px !important; | |
| 1482 | 1486 | } |
| 1483 | 1487 | .wppm-popover-menu-item:hover { |
| 1484 | 1488 | color: #fff; |
| 1485 | 1489 | background-color: #313042 !important; |
| @@ -1500,321 +1504,5 @@ | ||
| 1500 | 1504 | } |
| 1501 | 1505 | |
| 1502 | 1506 | .wppm-button.small { |
| 1503 | 1507 | font-size: 12px !important; |
| 1504 | -} | |
| 1505 | - | |
| 1506 | -#wppm_task_description, #wppm_add_new_project #wppm_proj_description{ | |
| 1507 | - height: 160px !important; | |
| 1508 | - width: 100% !important; | |
| 1509 | -} | |
| 1510 | - | |
| 1511 | -/* Form fields */ | |
| 1512 | -.wppm-input-group { | |
| 1513 | - width: 100%; | |
| 1514 | - display: flex; | |
| 1515 | - flex-direction: column; | |
| 1516 | - padding-bottom: 15px; | |
| 1517 | - box-sizing: border-box; | |
| 1518 | -} | |
| 1519 | -.wppm-input-group .label-container { | |
| 1520 | - display: flex; | |
| 1521 | - align-items: center; | |
| 1522 | - color: #000; | |
| 1523 | - margin-bottom: 2px; | |
| 1524 | -} | |
| 1525 | -.wppm-input-group label { | |
| 1526 | - font-size: 12px; | |
| 1527 | - font-weight: 600; | |
| 1528 | - margin-left: 5px; | |
| 1529 | -} | |
| 1530 | -.wppm-input-group .label-container svg { | |
| 1531 | - width: 12px; | |
| 1532 | - margin-right: 5px; | |
| 1533 | -} | |
| 1534 | -.wppm-input-group input[type="text"], | |
| 1535 | -.wppm-input-group select { | |
| 1536 | - width: 100%; | |
| 1537 | - max-width: 100%; | |
| 1538 | -} | |
| 1539 | - | |
| 1540 | - @media (max-width: 768px) { | |
| 1541 | - .wppm_task_list{ | |
| 1542 | - flex-basis: 50% !important; | |
| 1543 | - } | |
| 1544 | - } | |
| 1545 | - | |
| 1546 | -#wppmprint_menu{ | |
| 1547 | - display: flex; | |
| 1548 | - flex-direction: column; | |
| 1549 | - position: absolute; | |
| 1550 | - background: white; | |
| 1551 | - border: 1px solid #ccc; | |
| 1552 | - z-index: 1000; | |
| 1553 | - margin-left: 155px; | |
| 1554 | - display: none; | |
| 1555 | -} | |
| 1556 | - | |
| 1557 | -#wppmprint_menu a { | |
| 1558 | - padding: 8px 12px; | |
| 1559 | - text-decoration: none; | |
| 1560 | - color: #333; | |
| 1561 | -} | |
| 1562 | - | |
| 1563 | -#wppmprint_menu a:hover { | |
| 1564 | - background: #f0f0f0; | |
| 1565 | -} | |
| 1566 | - | |
| 1567 | -.wppm_checklist_items_container { list-style: none; padding-left: 0; } | |
| 1568 | -.wppm_checklist_items_container .wppm_checklist_item { | |
| 1569 | - padding: 6px 10px; | |
| 1570 | - background: #fff; | |
| 1571 | - margin-bottom: 4px; | |
| 1572 | - border: 1px solid #ddd; | |
| 1573 | - cursor: grab; | |
| 1574 | - display: flex; | |
| 1575 | - align-items: center; | |
| 1576 | -} | |
| 1577 | -.wppm_checklist_items_container .wppm_chk_items_drag { | |
| 1578 | - margin-right: 10px; | |
| 1579 | - cursor: move; | |
| 1580 | -} | |
| 1581 | - | |
| 1582 | -/* Main container */ | |
| 1583 | -/* GRID CONTAINER */ | |
| 1584 | -.wppm_bootstrap .pricing-flex { | |
| 1585 | - display: grid !important; | |
| 1586 | - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); | |
| 1587 | - gap: 20px; | |
| 1588 | - align-items: stretch; | |
| 1589 | -} | |
| 1590 | - | |
| 1591 | -/* CARD */ | |
| 1592 | -.wppm_bootstrap .pricing-widget { | |
| 1593 | - display: flex; | |
| 1594 | - flex-direction: column; | |
| 1595 | - | |
| 1596 | - background: #fff; | |
| 1597 | - border: 1px solid #e5e5e5; | |
| 1598 | - border-radius: 6px; | |
| 1599 | - padding: 15px; | |
| 1600 | - box-sizing: border-box; | |
| 1601 | -} | |
| 1602 | - | |
| 1603 | -/* BODY GROWS */ | |
| 1604 | -.wppm_bootstrap .pricing-widget .pbody { | |
| 1605 | - flex: 1; | |
| 1606 | -} | |
| 1607 | - | |
| 1608 | -/* FOOTER */ | |
| 1609 | -/* .wppm_bootstrap .pricing-widget .pfooter { | |
| 1610 | - display: flex; | |
| 1611 | - justify-content: space-between; | |
| 1612 | - gap: 10px; | |
| 1613 | - margin-top: 15px; | |
| 1614 | -} | |
| 1615 | - | |
| 1616 | -/* MOBILE FOOTER STACK */ | |
| 1617 | -@media (max-width: 480px) { | |
| 1618 | - .wppm_bootstrap .pricing-widget .pfooter { | |
| 1619 | - flex-direction: column; | |
| 1620 | - } | |
| 1621 | -} */ | |
| 1622 | - | |
| 1623 | -.wppm-dashboard{ | |
| 1624 | - padding:20px; | |
| 1625 | - margin-top:20px; | |
| 1626 | - font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; | |
| 1627 | -} | |
| 1628 | -.wppm-dashboard-top{ | |
| 1629 | - display:grid; | |
| 1630 | - grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); | |
| 1631 | - gap:20px; | |
| 1632 | - margin-bottom:20px; | |
| 1633 | -} | |
| 1634 | - | |
| 1635 | -.wppm-small-widget{ | |
| 1636 | - background:#ffffff; | |
| 1637 | - border-radius:10px; | |
| 1638 | - padding:20px; | |
| 1639 | - box-shadow:0 2px 8px rgba(0,0,0,0.05); | |
| 1640 | - transition:all 0.2s ease; | |
| 1641 | - display:flex; | |
| 1642 | - align-items:center; | |
| 1643 | - gap:15px; | |
| 1644 | -} | |
| 1645 | - | |
| 1646 | -.wppm-small-widget:hover{ | |
| 1647 | - transform:translateY(-3px); | |
| 1648 | - box-shadow:0 6px 16px rgba(0,0,0,0.08); | |
| 1649 | -} | |
| 1650 | - | |
| 1651 | -.wppm-small-widget h3{ | |
| 1652 | - font-size:14px; | |
| 1653 | - color:#666; | |
| 1654 | - margin-bottom:10px; | |
| 1655 | -} | |
| 1656 | - | |
| 1657 | -.wppm-number{ | |
| 1658 | - font-size:28px; | |
| 1659 | - font-weight:600; | |
| 1660 | - color:#222; | |
| 1661 | -} | |
| 1662 | -.wppm-small-widget.overdue{ | |
| 1663 | - border-left:4px solid #e74c3c; | |
| 1664 | -} | |
| 1665 | - | |
| 1666 | -.wppm-divider{ | |
| 1667 | - height:1px; | |
| 1668 | - background:#eee; | |
| 1669 | - margin:20px 0; | |
| 1670 | -} | |
| 1671 | - | |
| 1672 | -.wppm-row{ | |
| 1673 | - display:grid; | |
| 1674 | - grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); | |
| 1675 | - gap:20px; | |
| 1676 | - margin-bottom:20px; | |
| 1677 | -} | |
| 1678 | - | |
| 1679 | -.wppm-widget{ | |
| 1680 | - background:#fff; | |
| 1681 | - border-radius:10px; | |
| 1682 | - padding:20px; | |
| 1683 | - box-shadow:0 2px 8px rgba(0,0,0,0.05); | |
| 1684 | - transition:all 0.2s ease; | |
| 1685 | -} | |
| 1686 | -.wppm-widget h2{ | |
| 1687 | - font-size:16px; | |
| 1688 | - margin-bottom:15px; | |
| 1689 | - font-weight:600; | |
| 1690 | - color:#222; | |
| 1691 | -} | |
| 1692 | - | |
| 1693 | -#tbl_my_tasks,#tbl_active_projects,#tbl_upcoming_tasks, #tbl_todays_tasks { | |
| 1694 | - border-collapse: collapse !important; | |
| 1695 | - width: 100% !important; | |
| 1696 | -} | |
| 1697 | - | |
| 1698 | -#tbl_my_tasks th, | |
| 1699 | -#tbl_my_tasks td, | |
| 1700 | -#tbl_todays_tasks th, | |
| 1701 | -#tbl_todays_tasks td, | |
| 1702 | -#tbl_active_projects th, | |
| 1703 | -#tbl_active_projects td, | |
| 1704 | -#tbl_upcoming_tasks th, | |
| 1705 | -#tbl_upcoming_tasks td { | |
| 1706 | - border: 1px solid #ddd !important; | |
| 1707 | - padding: 8px !important; | |
| 1708 | -} | |
| 1709 | - | |
| 1710 | -#tbl_my_tasks th, #tbl_active_projects th, #tbl_upcoming_tasks th, #tbl_todays_tasks th{ | |
| 1711 | - background-color: #f5f5f5 !important; | |
| 1712 | - text-align: left !important; | |
| 1713 | -} | |
| 1714 | - | |
| 1715 | -#tbl_my_tasks tr:hover, #tbl_active_projects tr:hover, #tbl_upcoming_tasks tr:hover, #tbl_todays_tasks tr:hover{ | |
| 1716 | - background-color: #f9f9f9 !important; | |
| 1717 | - cursor: pointer; | |
| 1718 | -} | |
| 1719 | -.wppm-widget table td{ | |
| 1720 | - padding:10px; | |
| 1721 | - border-top:1px solid #f2f2f2; | |
| 1722 | - font-size:14px; | |
| 1723 | -} | |
| 1724 | - | |
| 1725 | -.wppm-widget table th{ | |
| 1726 | - background:#f8fafc; | |
| 1727 | - color:#777; | |
| 1728 | - font-weight:600; | |
| 1729 | - padding:10px; | |
| 1730 | - border-bottom:1px solid #e5e7eb; | |
| 1731 | -} | |
| 1732 | - | |
| 1733 | -canvas{ | |
| 1734 | - max-height:250px !important; | |
| 1735 | -} | |
| 1736 | - | |
| 1737 | -.wppm-widget:hover{ | |
| 1738 | - box-shadow:0 8px 20px rgba(0,0,0,0.07); | |
| 1739 | -} | |
| 1740 | - | |
| 1741 | -.wppm-widget-icon{ | |
| 1742 | - font-size:28px; | |
| 1743 | - background:#f5f7fb; | |
| 1744 | - padding:12px; | |
| 1745 | - border-radius:8px; | |
| 1746 | -} | |
| 1747 | -.wppm-widget h2{ | |
| 1748 | - display:flex; | |
| 1749 | - justify-content:space-between; | |
| 1750 | - align-items:center; | |
| 1751 | -} | |
| 1752 | - | |
| 1753 | -.wppm-view-all{ | |
| 1754 | - font-size:13px; | |
| 1755 | - color:#4c7cf3; | |
| 1756 | - text-decoration:none; | |
| 1757 | -} | |
| 1758 | - | |
| 1759 | -.wppm-view-all:hover{ | |
| 1760 | - text-decoration:underline; | |
| 1761 | -} | |
| 1762 | - | |
| 1763 | -.wppm-workload-list { | |
| 1764 | - list-style: none; | |
| 1765 | - padding: 0; | |
| 1766 | - margin: 0; | |
| 1767 | -} | |
| 1768 | - | |
| 1769 | -.wppm-workload-list li { | |
| 1770 | - display: flex; | |
| 1771 | - align-items: center; | |
| 1772 | - gap:10px; | |
| 1773 | - margin-bottom: 10px; | |
| 1774 | -} | |
| 1775 | - | |
| 1776 | -.wppm-workload-bar { | |
| 1777 | - flex:1; | |
| 1778 | - height:8px; | |
| 1779 | - background:#eee; | |
| 1780 | - border-radius:5px; | |
| 1781 | - overflow:hidden; | |
| 1782 | -} | |
| 1783 | - | |
| 1784 | -.wppm-workload-bar div { | |
| 1785 | - height: 100%; | |
| 1786 | - background: #3498db; | |
| 1787 | - border-radius: 5px; | |
| 1788 | -} | |
| 1789 | - | |
| 1790 | -.dashboard-progress-wrapper{ | |
| 1791 | - display:flex; | |
| 1792 | - align-items:center; | |
| 1793 | - gap:8px; | |
| 1794 | -} | |
| 1795 | - | |
| 1796 | -.dashboard-progress-bar{ | |
| 1797 | - flex:1; | |
| 1798 | - height:8px; | |
| 1799 | - background:#e5e7eb; | |
| 1800 | - border-radius:5px; | |
| 1801 | - overflow:hidden; | |
| 1802 | -} | |
| 1803 | - | |
| 1804 | -.dashboard-progress{ | |
| 1805 | - height:100%; | |
| 1806 | - border-radius:5px; | |
| 1807 | -} | |
| 1808 | - | |
| 1809 | -.dashboard-progress-text{ | |
| 1810 | - font-size:12px; | |
| 1811 | - font-weight:600; | |
| 1812 | -} | |
| 1813 | -.wppm-priority-dot{ | |
| 1814 | - display:inline-block; | |
| 1815 | - width:10px; | |
| 1816 | - height:10px; | |
| 1817 | - border-radius:50%; | |
| 1818 | - margin-right:6px; | |
| 1819 | - vertical-align:middle; | |
| 1820 | 1508 | } |
