← All changes | framework/style-rtl.css +99 -34 3.5.3 → 3.5.4 View file →

		@@ -1817,25 +1817,24 @@
1817	1817	flex-wrap: wrap;
1818	1818	gap: 5px;
1819	1819	padding: 10px;
1820	1820	}
1821		-.wpsc-ac-agent {
1822		- display: flex;
1823		- width: fit-content;
1824		- align-items: center;
1825		- gap: 5px;
1826		- padding: 5px;
1827		- border-radius: 5px;
1828		- font-size: 13px;
	1821	+/* Dashboard widgets css */
	1822	+
	1823	+/* Card/widget background, text and icon colors are NOT set here - they come from the "Appearance
	1824	+ > Dashboard" settings (wpsc-ap-dashboard option), injected as inline !important styles by
	1825	+ WPSC_Tickets::get_agent_dashboard() (core/includes/admin/tickets/class-wpsc-tickets.php). This
	1826	+ stylesheet only handles structure/spacing/shape, so it never fights that setting. */
	1827	+
	1828	+:root {
	1829	+ --wpsc-dash-border: #e7eaf0;
	1830	+ --wpsc-dash-divider: #eef0f4;
	1831	+ --wpsc-dash-surface-hover: #f8fafc;
	1832	+ --wpsc-dash-accent: #0079bf;
	1833	+ --wpsc-dash-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
1829	1834	}
1830		-.wpsc-ac-agent img {
1831		- border-radius: 50%;
1832		-}
1833	1835
1834		-/* Dashboard widgets css */
1835		-
1836	1836	.wpsc-dash-widget svg {
1837		- color: #ccc;
1838	1837	height: 80px !important;
1839	1838	}
1840	1839
1841	1840	.wpsc-dashboard-widget-icon-header {
		@@ -1842,8 +1841,14 @@
1842	1841	display: flex;
1843	1842	align-items: center;
1844	1843	}
1845	1844
	1845	+.wpsc-dashboard-widget-icon-header span {
	1846	+ font-size: 14px;
	1847	+ font-weight: 600;
	1848	+ letter-spacing: 0.01em;
	1849	+}
	1850	+
1846	1851	.wpsc-dashboard-card-icon-header {
1847	1852	cursor: pointer;
1848	1853	}
1849	1854
		@@ -1857,17 +1862,16 @@
1857	1862	.wpsc-dash-widget {
1858	1863	margin: 10px;
1859	1864	position: relative;
1860	1865	box-sizing: border-box;
1861		- background-color: #f4f6f9;
1862		- border: 1px solid #ccc;
1863		- border-radius: 5px;
1864		- padding: 10px;
1865		- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	1866	+ border: 1px solid var(--wpsc-dash-border);
	1867	+ border-radius: 12px;
	1868	+ padding: 16px 18px;
	1869	+ box-shadow: var(--wpsc-dash-shadow);
1866	1870	}
1867	1871
1868	1872	.wpsc-dash-widget2 {
1869		- padding: 10px;
	1873	+ padding: 16px 18px;
1870	1874	}
1871	1875
1872	1876	.wpsc-dash-widget-small {
1873	1877	width: calc(20% - 20px);
		@@ -1878,14 +1882,18 @@
1878	1882	}
1879	1883
1880	1884	.wpsc-dash-widget-small .wpsc-dash-widget-icon {
1881	1885	font-size: 70px; /* Increase the size as needed */
1882		- color: #ccc; /* Change the icon color as needed */
1883	1886	margin-left: 10px; /* Add margin to separate from the text */
1884	1887	}
1885	1888
1886	1889	.wpsc-dash-widget-small svg {
1887		- opacity: 0.2;
	1890	+ opacity: 0.5;
	1891	+ flex-shrink: 0;
	1892	+ overflow: visible;
	1893	+ height: 48px !important;
	1894	+ width: 48px !important;
	1895	+ margin-right: 10px;
1888	1896	}
1889	1897
1890	1898	.wpsc-dash-widget-mid {
1891	1899	width: calc(50% - 20px);
		@@ -1897,46 +1905,91 @@
1897	1905
1898	1906	.wpsc-widget h2 {
1899	1907	font-size: 18px;
1900	1908	margin-bottom: 5px;
	1909	+ font-weight: 600;
1901	1910	}
1902	1911
1903	1912	.wpsc-dash-widget-small h2 {
1904		- margin-bottom: 5px;
1905		- font-size: 35px;
1906		- font-weight: 600;
	1913	+ margin-bottom: 4px;
	1914	+ font-size: 32px;
	1915	+ font-weight: 700;
	1916	+ letter-spacing: -0.02em;
1907	1917	}
1908	1918
	1919	+.wpsc-dash-widget-small p {
	1920	+ font-size: 13px;
	1921	+ font-weight: 500;
	1922	+}
	1923	+
1909	1924	/* Style the header of widgets with icons and actions */
1910	1925	.wpsc-dash-widget-header {
1911	1926	display: flex;
1912	1927	justify-content: space-between;
1913	1928	align-items: center;
1914		- margin-bottom: 10px;
1915		- border-bottom: 1px solid #ccc;
1916		- padding-bottom: 10px;
	1929	+ margin-bottom: 14px;
	1930	+ border-bottom: 1px solid var(--wpsc-dash-divider);
	1931	+ padding-bottom: 12px;
1917	1932	}
1918	1933
1919	1934	.wpsc-dash-widget-header svg {
1920		- color: #ccc;
1921	1935	height: 15px !important;
1922	1936	margin: 0px 0px 0px 5px;
1923	1937	}
1924	1938
1925	1939	.wpsc-dash-widget-actions {
1926		- /* Widget action links styles here */
	1940	+ font-size: 12px;
1927	1941	}
1928	1942
1929	1943	.wpsc-dash-widget-actions a {
1930	1944	cursor: pointer;
1931	1945	text-decoration: none;
	1946	+ color: var(--wpsc-dash-accent);
	1947	+ font-weight: 500;
1932	1948	}
1933	1949
	1950	+.wpsc-dash-widget-actions a:hover {
	1951	+ text-decoration: underline;
	1952	+}
	1953	+
1934	1954	/* Style the content of widgets */
1935	1955	.wpsc-dash-widget-content {
1936		- /* Widget content styles here */
	1956	+ font-size: 13px;
1937	1957	}
1938	1958
	1959	+/* Tables rendered inside a widget's content area (agent list, recent tickets, todos, out-of-sla,
	1960	+ timers, usergroups, agent performance, feedback, ...) - scoped to the content wrapper so this
	1961	+ doesn't touch tables anywhere else in the app. Text color is intentionally left unset here so
	1962	+ it inherits the widget's appearance-setting-driven text color instead of overriding it. */
	1963	+.wpsc-dash-widget-content table {
	1964	+ width: 100%;
	1965	+ border-collapse: collapse;
	1966	+}
	1967	+
	1968	+.wpsc-dash-widget-content table thead th {
	1969	+ text-align: right;
	1970	+ font-size: 11px;
	1971	+ font-weight: 600;
	1972	+ text-transform: uppercase;
	1973	+ letter-spacing: 0.04em;
	1974	+ padding: 8px 10px;
	1975	+ border-bottom: 1px solid var(--wpsc-dash-divider);
	1976	+ white-space: nowrap;
	1977	+}
	1978	+
	1979	+.wpsc-dash-widget-content table tbody td {
	1980	+ padding: 10px;
	1981	+ border-bottom: 1px solid var(--wpsc-dash-divider);
	1982	+}
	1983	+
	1984	+.wpsc-dash-widget-content table tbody tr:last-child td {
	1985	+ border-bottom: none;
	1986	+}
	1987	+
	1988	+.wpsc-dash-widget-content table tbody tr:hover td {
	1989	+ background-color: var(--wpsc-dash-surface-hover);
	1990	+}
	1991	+
1939	1992	.wpsc-actions-btn-setting {
1940	1993	width: 100%;
1941	1994	display: flex;
1942	1995	align-items: center;
		@@ -1973,9 +2026,9 @@
1973	2026	}
1974	2027
1975	2028	.wpsc-dash-widget-content::-webkit-scrollbar-track,
1976	2029	.wpsc-widget-body::-webkit-scrollbar-track {
1977		- background-color: #ffffff;
	2030	+ background-color: transparent;
1978	2031	}
1979	2032	/* table scrollable end */
1980	2033
1981	2034	.wpsc-dash-widget-mid .wpsc-dash-widget-content {
		@@ -2083,14 +2136,26 @@
2083	2136	flex-direction: column;
2084	2137	}
2085	2138
2086	2139	.wpsc-widget-list {
2087		- border-bottom: 1px solid #ccc;
2088		- padding: 10px 0px;
	2140	+ border-bottom: 1px solid var(--wpsc-dash-divider, #eef0f4);
	2141	+ padding: 10px 2px;
	2142	+ font-size: 13px;
	2143	+ line-height: 1.6;
2089	2144	}
2090	2145
2091	2146	.wpsc-widget-list:last-child {
2092	2147	border-bottom: none;
	2148	+}
	2149	+
	2150	+.wpsc-widget-list a {
	2151	+ color: var(--wpsc-dash-accent, #0079bf);
	2152	+ font-weight: 500;
	2153	+ text-decoration: none;
	2154	+}
	2155	+
	2156	+.wpsc-widget-list a:hover {
	2157	+ text-decoration: underline;
2093	2158	}
2094	2159
2095	2160	#wpsc-dash-agent-list .dt-search {
2096	2161	display: none;