Merge branch 'main' into backend_fixes

Author: Artuomka

.gitignore

@@ -11,6 +11,12 @@
 /node_modules
 .yarn/
 
+# yarn berry cache (not tracked at repo root)
+/.yarn/cache
+/.yarn/install-state.gz
+/.yarn/unplugged
+/.yarn/build-state.yml
+
 # profiling files
 chrome-profiler-events*.json
 speed-measure-plugin*.json

frontend/src/app/app.component.html

@@ -48,6 +48,11 @@
                 </mat-icon>
                 <div matListItemTitle>Zapier</div>
             </a>
+            <button type="button" mat-menu-item (click)="openSupportChat()"
+                data-testid="support-chat-button-account-menu">
+                <mat-icon fontSet="material-symbols-outlined">chat_bubble</mat-icon>
+                <span>Chat with support</span>
+            </button>
             <a mat-list-item href="https://docs.rocketadmin.com/" target="_blank">
                 <mat-icon matListItemIcon class="connection-navigation__icon" fontSet="material-symbols-outlined">help</mat-icon>
                 <div matListItemTitle>Help center</div>

frontend/src/app/app.component.ts

@@ -304,6 +304,7 @@ export class AppComponent {
 					user_hash: res.intercom_hash,
 					user_id: res.id,
 					email: res.email,
+					hide_default_launcher: window.innerWidth > 600,
 				});
 
 			if (this.isDemo)
@@ -345,6 +346,12 @@ export class AppComponent {
 		this.isFeatureNotificationShown = false;
 	}
 
+	openSupportChat() {
+		if (typeof window.Intercom !== 'undefined') {
+			window.Intercom('show');
+		}
+	}
+
 	setUserLoggedIn(state) {
 		this.userLoggedIn = state;
 		this.changeDetector.detectChanges();

frontend/src/app/components/connections-list/connections-list.component.css

@@ -56,6 +56,13 @@
 	margin-bottom: 0;
 }
 
+@media (width <= 600px) {
+	.pageTitleHeader .pageTitle__name {
+		font-size: 20px !important;
+		line-height: 1.2 !important;
+	}
+}
+
 .companyEditLink {
 	position: absolute;
 	top: 50%;

frontend/src/app/components/connections-list/demo-connections/demo-connections.component.css

@@ -4,6 +4,14 @@
 	width: 100%;
 }
 
+@media (width <= 600px) {
+	:host h1.mat-display-1 {
+		font-size: 22px !important;
+		line-height: 1.2 !important;
+		margin-bottom: 20px;
+	}
+}
+
 .section__label {
 	display: block;
 	font-size: 11px;
@@ -17,11 +25,18 @@
 .demoGrid {
 	list-style: none;
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
+	grid-template-columns: repeat(3, minmax(0, 1fr));
 	gap: 12px;
 	width: 100%;
 	padding: 0;
 	margin: 0;
+	align-items: stretch;
+}
+
+@media (601px <= width <= 1024px) {
+	.demoGrid {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
 }
 
 @media (width <= 600px) {
@@ -36,6 +51,7 @@
 	gap: 12px;
 	border-radius: 8px;
 	padding: 12px 16px;
+	height: 100%;
 	text-decoration: none;
 	color: inherit;
 	transition: box-shadow 200ms, background 200ms, border 200ms;
@@ -102,6 +118,12 @@
 	min-width: 0;
 }
 
+.demoCard__info strong {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 .demoCard__type {
 	font-size: 12px;
 	margin-top: -2px;