OLD | NEW |
1 /* Global styles */ | 1 /* Global styles */ |
2 * { | 2 * { |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 box-sizing: border-box; | 5 box-sizing: border-box; |
6 } | 6 } |
7 | 7 |
8 body { | 8 body { |
9 padding-top: 56px; | 9 padding-top: 56px; |
10 color: #333; | 10 color: #333; |
(...skipping 1616 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1627 | 1627 |
1628 memory-dashboard memory-graph { | 1628 memory-dashboard memory-graph { |
1629 height: 350px; | 1629 height: 350px; |
1630 } | 1630 } |
1631 | 1631 |
1632 memory-dashboard memory-profile { | 1632 memory-dashboard memory-profile { |
1633 position: absolute; | 1633 position: absolute; |
1634 bottom: 0; | 1634 bottom: 0; |
1635 left: 0; | 1635 left: 0; |
1636 right: 0; | 1636 right: 0; |
1637 top: 340px; | 1637 top: 300px; |
| 1638 } |
| 1639 |
| 1640 memory-dashboard memory-profile memory-allocations { |
| 1641 position: absolute; |
| 1642 bottom: 0; |
| 1643 left: 0; |
| 1644 right: 0; |
| 1645 top: 40px; |
| 1646 } |
| 1647 |
| 1648 memory-dashboard memory-profile memory-snapshot { |
| 1649 position: absolute; |
| 1650 bottom: 0; |
| 1651 left: 0; |
| 1652 right: 0; |
| 1653 top: 40px; |
1638 } | 1654 } |
1639 | 1655 |
1640 /* metric-graph */ | 1656 /* metric-graph */ |
1641 | 1657 |
1642 metric-graph { | 1658 metric-graph { |
1643 display: block; | 1659 display: block; |
1644 } | 1660 } |
1645 | 1661 |
1646 metric-graph .graph { | 1662 metric-graph .graph { |
1647 height: 100%; | 1663 height: 100%; |
1648 margin-top: -30px; | 1664 margin-top: -30px; |
1649 padding: 20px; | 1665 padding: 20px; |
1650 padding-top: 60px; | 1666 padding-top: 60px; |
1651 } | 1667 } |
1652 | 1668 |
1653 metric-graph .graph > div { | 1669 metric-graph .graph > div { |
1654 height: 100%; | 1670 height: 100%; |
1655 } | 1671 } |
1656 | 1672 |
1657 /* memory-profile */ | 1673 /* memory-allocations */ |
1658 | 1674 |
1659 memory-profile .container { | 1675 memory-allocations .container { |
1660 padding-left: 5%; | 1676 padding-left: 5%; |
1661 padding-right: 5%; | 1677 padding-right: 5%; |
1662 } | 1678 } |
1663 | 1679 |
1664 memory-profile .collection-item { | 1680 memory-allocations .collection-item { |
1665 background-color: #FFFFFF; | 1681 background-color: #FFFFFF; |
1666 box-sizing: border-box; | 1682 box-sizing: border-box; |
1667 line-height: 20px; | 1683 line-height: 20px; |
1668 } | 1684 } |
1669 | 1685 |
1670 memory-profile .collection-item:hover { | 1686 memory-allocations .collection-item:hover { |
1671 background-color: #d2e7fe; | 1687 background-color: #d2e7fe; |
1672 } | 1688 } |
1673 | 1689 |
1674 memory-profile .header .collection-item:hover { | 1690 memory-allocations .header .collection-item:hover { |
1675 background-color: #FFFFFF; | 1691 background-color: #FFFFFF; |
1676 } | 1692 } |
1677 | 1693 |
1678 memory-profile .header .collection-item:last-child { | 1694 memory-allocations .header .collection-item:last-child { |
1679 margin-bottom: -3px; | 1695 margin-bottom: -3px; |
1680 border-bottom: solid 1px #AAAAAA; | 1696 border-bottom: solid 1px #AAAAAA; |
1681 } | 1697 } |
1682 | 1698 |
1683 memory-profile .header .collection-item span { | 1699 memory-allocations .header .collection-item span { |
1684 font-weight: bolder; | 1700 font-weight: bolder; |
1685 } | 1701 } |
1686 | 1702 |
1687 memory-profile .collection-item :nth-child(2n+2).group, | 1703 memory-allocations .collection-item :nth-child(2n+2).group, |
1688 memory-profile .collection-item :nth-child(4n+3), | 1704 memory-allocations .collection-item :nth-child(4n+3), |
1689 memory-profile .collection-item :nth-child(4n+4) { | 1705 memory-allocations .collection-item :nth-child(4n+4) { |
1690 background-color: #EEEEEE; | 1706 background-color: #EEEEEE; |
1691 } | 1707 } |
1692 | 1708 |
1693 memory-profile .collection-item:hover :nth-child(2n+2).group, | 1709 memory-allocations .collection-item:hover :nth-child(2n+2).group, |
1694 memory-profile .collection-item:hover :nth-child(4n+3), | 1710 memory-allocations .collection-item:hover :nth-child(4n+3), |
1695 memory-profile .collection-item:hover :nth-child(4n+4) { | 1711 memory-allocations .collection-item:hover :nth-child(4n+4) { |
1696 background-color: #afd5fd; | 1712 background-color: #afd5fd; |
1697 } | 1713 } |
1698 | 1714 |
1699 memory-profile .header .collection-item :nth-child(2n+1).group, | 1715 memory-allocations .header .collection-item :nth-child(2n+1).group, |
1700 memory-profile .header .collection-item :nth-child(4n+1), | 1716 memory-allocations .header .collection-item :nth-child(4n+1), |
1701 memory-profile .header .collection-item :nth-child(4n+2) { | 1717 memory-allocations .header .collection-item :nth-child(4n+2) { |
1702 background-color: #FFFFFF; | 1718 background-color: #FFFFFF; |
1703 } | 1719 } |
1704 | 1720 |
1705 memory-profile .header .collection-item :nth-child(2n+2).group, | 1721 memory-allocations .header .collection-item :nth-child(2n+2).group, |
1706 memory-profile .header .collection-item :nth-child(4n+3), | 1722 memory-allocations .header .collection-item :nth-child(4n+3), |
1707 memory-profile .header .collection-item :nth-child(4n+4) { | 1723 memory-allocations .header .collection-item :nth-child(4n+4) { |
1708 background-color: #DDDDDD; | 1724 background-color: #DDDDDD; |
1709 } | 1725 } |
1710 | 1726 |
1711 memory-profile .collection-item .group { | 1727 memory-allocations .collection-item .group { |
1712 display: inline-block; | 1728 display: inline-block; |
1713 width: 12em; | 1729 width: 12em; |
1714 text-align: right; | 1730 text-align: right; |
1715 padding-right: 0.5em; | 1731 padding-right: 0.5em; |
1716 line-height: 20px; | 1732 line-height: 20px; |
1717 border-right: solid 1px #AAAAAA; | 1733 border-right: solid 1px #AAAAAA; |
1718 } | 1734 } |
1719 | 1735 |
1720 memory-profile .collection-item .bytes { | 1736 memory-allocations .collection-item .bytes { |
1721 display: inline-block; | 1737 display: inline-block; |
1722 width: 6em; | 1738 width: 6em; |
1723 text-align: right; | 1739 text-align: right; |
1724 line-height: 20px; | 1740 line-height: 20px; |
1725 padding-right: 0.5em; | 1741 padding-right: 0.5em; |
1726 } | 1742 } |
1727 | 1743 |
1728 memory-profile .collection-item .instances { | 1744 memory-allocations .collection-item .instances { |
1729 display: inline-block; | 1745 display: inline-block; |
1730 width: 6em; | 1746 width: 6em; |
1731 text-align: right; | 1747 text-align: right; |
1732 padding-right: 0.5em; | 1748 padding-right: 0.5em; |
1733 line-height: 20px; | 1749 line-height: 20px; |
1734 border-right: solid 1px #AAAAAA; | 1750 border-right: solid 1px #AAAAAA; |
1735 } | 1751 } |
1736 | 1752 |
1737 memory-profile .collection-item .name { | 1753 memory-allocations .collection-item .name { |
1738 padding-left: 0.5em; | 1754 padding-left: 0.5em; |
1739 padding-right: 0.5em; | 1755 padding-right: 0.5em; |
1740 display: inline-block; | 1756 display: inline-block; |
1741 } | 1757 } |
1742 | 1758 |
1743 memory-profile .collection-item > button, | 1759 memory-allocations .collection-item > button, |
1744 memory-profile .collection-item > button:active, | 1760 memory-allocations .collection-item > button:active, |
1745 memory-profile .collection-item .group button, | 1761 memory-allocations .collection-item .group button, |
1746 memory-profile .collection-item .group button:active { | 1762 memory-allocations .collection-item .group button:active { |
1747 background-color: transparent; | 1763 background-color: transparent; |
1748 color: #0489c3; | 1764 color: #0489c3; |
1749 border-style: none; | 1765 border-style: none; |
1750 } | 1766 } |
1751 | 1767 |
1752 memory-profile .collection-item > button:hover, | 1768 memory-allocations .collection-item > button:hover, |
1753 memory-profile .collection-item .group button:hover { | 1769 memory-allocations .collection-item .group button:hover { |
1754 text-decoration: underline; | 1770 text-decoration: underline; |
1755 } | 1771 } |
1756 | 1772 |
| 1773 /* memory-profile */ |
| 1774 |
| 1775 memory-profile .tab_button { |
| 1776 float: right; |
| 1777 padding: 10px 5px; |
| 1778 margin: 0px 1px; |
| 1779 } |
| 1780 |
| 1781 /* memory-snapshot */ |
| 1782 |
| 1783 memory-snapshot .statusMessage { |
| 1784 font-size: 150%; |
| 1785 font-weight: bold; |
| 1786 } |
| 1787 memory-snapshot .statusBox { |
| 1788 height: 100%; |
| 1789 padding: 1em; |
| 1790 } |
| 1791 memory-snapshot .explanation { |
| 1792 display: block; |
| 1793 display: -webkit-box; |
| 1794 -webkit-line-clamp: 4; |
| 1795 -webkit-box-orient: vertical; |
| 1796 max-height: 80px; |
| 1797 overflow: hidden; |
| 1798 text-overflow: ellipsis; |
| 1799 } |
| 1800 memory-snapshot virtual-tree { |
| 1801 position: absolute; |
| 1802 height: auto; |
| 1803 top: 50px; |
| 1804 bottom: 0; |
| 1805 left: 0; |
| 1806 right: 0; |
| 1807 } |
| 1808 memory-snapshot .tree-item { |
| 1809 box-sizing: border-box; |
| 1810 line-height: 30px; |
| 1811 height: 30px; |
| 1812 padding-left: 5%; |
| 1813 padding-right: 5%; |
| 1814 } |
| 1815 memory-snapshot .tree-item > .size, |
| 1816 memory-snapshot .tree-item > .percentage { |
| 1817 display: inline-block; |
| 1818 text-align: right; |
| 1819 width: 4em; |
| 1820 margin-left: 0.25em; |
| 1821 margin-right: 0.25em; |
| 1822 } |
| 1823 |
| 1824 memory-snapshot .tree-item > .name { |
| 1825 display: inline; |
| 1826 margin-left: 0.5em; |
| 1827 } |
| 1828 |
1757 /* metric-graph */ | 1829 /* metric-graph */ |
1758 | 1830 |
1759 metrics-page > div { | 1831 metrics-page > div { |
1760 display: block; | 1832 display: block; |
1761 height: 100%; | 1833 height: 100%; |
1762 } | 1834 } |
1763 | 1835 |
1764 metrics-page > div > .graph { | 1836 metrics-page > div > .graph { |
1765 display: block; | 1837 display: block; |
1766 height: 100%; | 1838 height: 100%; |
(...skipping 804 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2571 | 2643 |
2572 vm-connect-target > button.delete-button:hover { | 2644 vm-connect-target > button.delete-button:hover { |
2573 background: #ff0000; | 2645 background: #ff0000; |
2574 } | 2646 } |
2575 | 2647 |
2576 /* vm-connect */ | 2648 /* vm-connect */ |
2577 | 2649 |
2578 vm-connect ul { | 2650 vm-connect ul { |
2579 list-style-type: none; | 2651 list-style-type: none; |
2580 } | 2652 } |
OLD | NEW |