| @@ -830,10 +830,8 @@ | ||
| 830 | 830 | } |
| 831 | 831 | |
| 832 | 832 | .mxch-user-info { |
| 833 | 833 | flex: 1; |
| 834 | - min-width: 0; /* Allow flex item to shrink below content size */ | |
| 835 | - overflow: hidden; | |
| 836 | 834 | } |
| 837 | 835 | |
| 838 | 836 | .mxch-user-name { |
| 839 | 837 | font-size: 15px; |
| @@ -838,11 +836,8 @@ | ||
| 838 | 836 | .mxch-user-name { |
| 839 | 837 | font-size: 15px; |
| 840 | 838 | font-weight: 600; |
| 841 | 839 | color: #111827; |
| 842 | - overflow: hidden; | |
| 843 | - text-overflow: ellipsis; | |
| 844 | - white-space: nowrap; | |
| 845 | 840 | } |
| 846 | 841 | |
| 847 | 842 | .mxch-user-meta { |
| 848 | 843 | font-size: 12px; |
| @@ -847,11 +842,8 @@ | ||
| 847 | 842 | .mxch-user-meta { |
| 848 | 843 | font-size: 12px; |
| 849 | 844 | color: #6b7280; |
| 850 | 845 | margin-top: 2px; |
| 851 | - overflow: hidden; | |
| 852 | - text-overflow: ellipsis; | |
| 853 | - white-space: nowrap; | |
| 854 | 846 | } |
| 855 | 847 | |
| 856 | 848 | .mxch-details-toggle { |
| 857 | 849 | width: 36px; |
| @@ -1942,219 +1934,5 @@ | ||
| 1942 | 1934 | |
| 1943 | 1935 | .mxch-controls-actions form { |
| 1944 | 1936 | width: 100%; |
| 1945 | 1937 | } |
| 1946 | -} | |
| 1947 | - | |
| 1948 | -/* Product Card in Transcripts */ | |
| 1949 | -.mxch-message-bubble .mxchat-product-card { | |
| 1950 | - display: flex; | |
| 1951 | - flex-direction: column; | |
| 1952 | - align-items: center; | |
| 1953 | - margin: 8px 0; | |
| 1954 | - padding: 12px; | |
| 1955 | - border-radius: 8px; | |
| 1956 | - background: #f9f9f9; | |
| 1957 | - border: 1px solid #e5e5e5; | |
| 1958 | - max-width: 280px; | |
| 1959 | -} | |
| 1960 | - | |
| 1961 | -.mxch-message-bubble .mxchat-product-card a.mxchat-product-link { | |
| 1962 | - text-decoration: none; | |
| 1963 | - color: inherit; | |
| 1964 | - display: flex; | |
| 1965 | - flex-direction: column; | |
| 1966 | - align-items: center; | |
| 1967 | -} | |
| 1968 | - | |
| 1969 | -.mxch-message-bubble .mxchat-product-card img.mxchat-product-image { | |
| 1970 | - max-width: 100%; | |
| 1971 | - height: auto; | |
| 1972 | - max-height: 180px; | |
| 1973 | - object-fit: contain; | |
| 1974 | - margin-bottom: 8px; | |
| 1975 | - border-radius: 6px; | |
| 1976 | -} | |
| 1977 | - | |
| 1978 | -.mxch-message-bubble .mxchat-product-card h3.mxchat-product-name { | |
| 1979 | - font-size: 14px; | |
| 1980 | - font-weight: 600; | |
| 1981 | - margin: 4px 0; | |
| 1982 | - text-align: center; | |
| 1983 | - color: #1a1a1a; | |
| 1984 | -} | |
| 1985 | - | |
| 1986 | -.mxch-message-bubble .mxchat-product-card .mxchat-product-price { | |
| 1987 | - color: #2e7d32; | |
| 1988 | - font-weight: 600; | |
| 1989 | - font-size: 15px; | |
| 1990 | - margin: 4px 0 8px; | |
| 1991 | -} | |
| 1992 | - | |
| 1993 | -.mxch-message-bubble .mxchat-product-card .mxchat-add-to-cart-button { | |
| 1994 | - background-color: #212121; | |
| 1995 | - color: #fff; | |
| 1996 | - padding: 7px 16px; | |
| 1997 | - border: none; | |
| 1998 | - border-radius: 6px; | |
| 1999 | - font-size: 13px; | |
| 2000 | - cursor: default; | |
| 2001 | - opacity: 0.6; | |
| 2002 | -} | |
| 2003 | - | |
| 2004 | -.mxch-message-bubble .mxchat-product-card select { | |
| 2005 | - width: 100%; | |
| 2006 | - padding: 6px 8px; | |
| 2007 | - margin: 4px 0; | |
| 2008 | - border: 1px solid #ddd; | |
| 2009 | - border-radius: 4px; | |
| 2010 | - font-size: 13px; | |
| 2011 | -} | |
| 2012 | - | |
| 2013 | -/* Featured Products in Transcripts */ | |
| 2014 | -.mxch-message-bubble .mxchat-featured-products { | |
| 2015 | - margin: 8px 0; | |
| 2016 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; | |
| 2017 | - line-height: 1.4; | |
| 2018 | - display: flex; | |
| 2019 | - flex-direction: column; | |
| 2020 | - gap: 0; | |
| 2021 | - padding: 0; | |
| 2022 | -} | |
| 2023 | - | |
| 2024 | -.mxch-message-bubble .mxchat-featured-item { | |
| 2025 | - padding: 10px 0; | |
| 2026 | - border-bottom: 1px solid #e5e5e5; | |
| 2027 | - margin: 0; | |
| 2028 | -} | |
| 2029 | - | |
| 2030 | -.mxch-message-bubble .mxchat-featured-item:last-child { | |
| 2031 | - border-bottom: none; | |
| 2032 | - padding-bottom: 0; | |
| 2033 | -} | |
| 2034 | - | |
| 2035 | -.mxch-message-bubble .mxchat-featured-item:first-child { | |
| 2036 | - padding-top: 0; | |
| 2037 | -} | |
| 2038 | - | |
| 2039 | -.mxch-message-bubble .mxchat-featured-item-top { | |
| 2040 | - display: flex; | |
| 2041 | - flex-direction: row; | |
| 2042 | - align-items: center; | |
| 2043 | - gap: 12px; | |
| 2044 | - margin-bottom: 8px; | |
| 2045 | -} | |
| 2046 | - | |
| 2047 | -.mxch-message-bubble .mxchat-featured-item-image { | |
| 2048 | - flex-shrink: 0; | |
| 2049 | - width: 70px; | |
| 2050 | - height: 70px; | |
| 2051 | - overflow: hidden; | |
| 2052 | - border-radius: 8px; | |
| 2053 | - background: #f1f1f1; | |
| 2054 | -} | |
| 2055 | - | |
| 2056 | -.mxch-message-bubble .mxchat-featured-item-image a { | |
| 2057 | - display: block; | |
| 2058 | - width: 70px; | |
| 2059 | - height: 70px; | |
| 2060 | - text-decoration: none; | |
| 2061 | -} | |
| 2062 | - | |
| 2063 | -.mxch-message-bubble .mxchat-featured-item-image img { | |
| 2064 | - width: 70px; | |
| 2065 | - height: 70px; | |
| 2066 | - object-fit: cover; | |
| 2067 | - border-radius: 8px; | |
| 2068 | - display: block; | |
| 2069 | -} | |
| 2070 | - | |
| 2071 | -.mxch-message-bubble .mxchat-featured-item-info { | |
| 2072 | - flex: 1; | |
| 2073 | - min-width: 0; | |
| 2074 | - display: flex; | |
| 2075 | - flex-direction: column; | |
| 2076 | - gap: 2px; | |
| 2077 | - justify-content: center; | |
| 2078 | -} | |
| 2079 | - | |
| 2080 | -.mxch-message-bubble .mxchat-featured-item-title, | |
| 2081 | -.mxch-message-bubble a.mxchat-featured-item-title { | |
| 2082 | - font-size: 13px; | |
| 2083 | - font-weight: 600; | |
| 2084 | - color: #1a1a1a; | |
| 2085 | - text-decoration: none; | |
| 2086 | - line-height: 1.3; | |
| 2087 | - display: -webkit-box; | |
| 2088 | - -webkit-line-clamp: 2; | |
| 2089 | - -webkit-box-orient: vertical; | |
| 2090 | - overflow: hidden; | |
| 2091 | - margin: 0; | |
| 2092 | - padding: 0; | |
| 2093 | -} | |
| 2094 | - | |
| 2095 | -.mxch-message-bubble a.mxchat-featured-item-title:hover { | |
| 2096 | - opacity: 0.8; | |
| 2097 | -} | |
| 2098 | - | |
| 2099 | -.mxch-message-bubble .mxchat-featured-item-price { | |
| 2100 | - font-weight: 700; | |
| 2101 | - font-size: 13px; | |
| 2102 | - color: #2e7d32; | |
| 2103 | - margin: 0; | |
| 2104 | -} | |
| 2105 | - | |
| 2106 | -.mxch-message-bubble .mxchat-featured-item-price del { | |
| 2107 | - opacity: 0.6; | |
| 2108 | - font-weight: 400; | |
| 2109 | - font-size: 0.85em; | |
| 2110 | - margin-right: 4px; | |
| 2111 | -} | |
| 2112 | - | |
| 2113 | -.mxch-message-bubble .mxchat-featured-item-price ins { | |
| 2114 | - text-decoration: none; | |
| 2115 | - background: none; | |
| 2116 | -} | |
| 2117 | - | |
| 2118 | -.mxch-message-bubble .mxchat-featured-item-actions { | |
| 2119 | - display: flex; | |
| 2120 | - flex-direction: row; | |
| 2121 | - gap: 8px; | |
| 2122 | - margin: 0; | |
| 2123 | - padding: 0; | |
| 2124 | -} | |
| 2125 | - | |
| 2126 | -.mxch-message-bubble .mxchat-featured-btn-details, | |
| 2127 | -.mxch-message-bubble a.mxchat-featured-btn-details { | |
| 2128 | - display: flex; | |
| 2129 | - align-items: center; | |
| 2130 | - justify-content: center; | |
| 2131 | - flex: 1; | |
| 2132 | - padding: 7px 10px; | |
| 2133 | - font-size: 12px; | |
| 2134 | - font-weight: 500; | |
| 2135 | - border-radius: 6px; | |
| 2136 | - text-decoration: none; | |
| 2137 | - border: 1px solid #ddd; | |
| 2138 | - background: transparent; | |
| 2139 | - color: #1a1a1a; | |
| 2140 | - text-align: center; | |
| 2141 | - line-height: 1.2; | |
| 2142 | -} | |
| 2143 | - | |
| 2144 | -.mxch-message-bubble .mxchat-featured-btn-cart, | |
| 2145 | -.mxch-message-bubble button.mxchat-featured-btn-cart { | |
| 2146 | - display: flex; | |
| 2147 | - align-items: center; | |
| 2148 | - justify-content: center; | |
| 2149 | - flex: 1; | |
| 2150 | - padding: 7px 10px; | |
| 2151 | - font-size: 12px; | |
| 2152 | - font-weight: 500; | |
| 2153 | - border-radius: 6px; | |
| 2154 | - border: none; | |
| 2155 | - background: #212121; | |
| 2156 | - color: #fff; | |
| 2157 | - cursor: default; | |
| 2158 | - opacity: 0.6; | |
| 2159 | - line-height: 1.2; | |
| 2160 | 1938 | } |
