Moves snowflake

gitkraken · Dec 19, 2024 · 056a6d0 · 056a6d0
1 parent 47d01c6
commit 056a6d0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/src/webviews/apps/home/home.ts b/src/webviews/apps/home/home.ts
@@ -23,7 +23,6 @@ import './components/integration-banner';
 import './components/preview-banner';
 import './components/promo-banner';
 import './components/repo-alerts';
-import '../shared/components/snow';
 
 @customElement('gl-home-app')
 export class GlHomeApp extends GlApp<State> {
@@ -66,7 +65,6 @@ export class GlHomeApp extends GlApp<State> {
 
 	override render() {
 		return html`
-			<gl-snow></gl-snow>
 			<div class="home scrollable">
 				<gl-home-header class="home__header"></gl-home-header>
 				${when(!this.state.previewEnabled, () => html`<gl-preview-banner></gl-preview-banner>`)}

diff --git a/src/webviews/apps/plus/shared/components/home-header.ts b/src/webviews/apps/plus/shared/components/home-header.ts
@@ -10,6 +10,7 @@ import '../../../shared/components/button-container';
 import '../../../shared/components/code-icon';
 import '../../../shared/components/overlays/popover';
 import '../../../shared/components/promo';
+import '../../../shared/components/snow';
 
 @customElement('gl-home-header')
 export class GLHomeHeader extends LitElement {
@@ -49,6 +50,12 @@ export class GLHomeHeader extends LitElement {
 			gl-promo-banner:not([has-promo]) {
 				display: none;
 			}
+
+			.group {
+				display: flex;
+				align-items: center;
+				gap: 0.4rem;
+			}
 		`,
 	];
 
@@ -58,7 +65,7 @@ export class GLHomeHeader extends LitElement {
 	override render() {
 		return html`<gl-promo-banner></gl-promo-banner>
 			<div class="container" tabindex="-1">
-				<gl-account-chip></gl-account-chip>
+				<span class="group"><gl-account-chip></gl-account-chip> <gl-snow></gl-snow></span>
 				<gl-integrations-chip></gl-integrations-chip>
 			</div>
 			<gl-onboarding></gl-onboarding>`;

diff --git a/src/webviews/apps/shared/components/snow.ts b/src/webviews/apps/shared/components/snow.ts
@@ -34,10 +34,6 @@ export class GlSnow extends LitElement {
 					filter ease-in-out 250ms,
 					opacity ease-in-out 250ms,
 					transform ease-in-out 250ms;
-
-				position: fixed;
-				right: 4px;
-				bottom: 3px;
 			}
 
 			:host(:not([snowing])) .snow__toggle {