Skip to content

Commit 8b78f84

Browse files
sondrebsondreb
committed
Refactor home component by removing unused HTML elements and adjusting CSS for improved layout
1 parent 05b4327 commit 8b78f84

2 files changed

Lines changed: 1 addition & 171 deletions

File tree

‎src/app/home/home.css‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -180,9 +180,6 @@
180180
overflow-x: scroll;
181181
display: flex;
182182
flex-direction: row;
183-
margin-bottom: 0.2em;
184-
/* align-items: center; */
185-
186183
}
187184

188185
.profile-line::-webkit-scrollbar-thumb {
@@ -229,14 +226,13 @@ drag-scroll::-webkit-scrollbar {
229226
overflow-x: auto;
230227
overflow-y: hidden;
231228
width: 100%;
232-
padding: 8px 0;
233229
scroll-behavior: auto;
234230
-webkit-overflow-scrolling: touch;
235231
scrollbar-width: none;
236232
-ms-overflow-style: none;
237233
touch-action: pan-x;
238234
cursor: grab;
239-
height: 90px;
235+
height: 80px;
240236
}
241237

242238
.horizontal-scroll-container::-webkit-scrollbar {

‎src/app/home/home.html‎

Lines changed: 0 additions & 166 deletions
Original file line numberDiff line numberDiff line change
@@ -23,39 +23,6 @@
2323
</div>
2424

2525
<div class="home-right">
26-
<br /><br />
27-
<!-- <div class="centered">
28-
<button routerLink="/editor" mat-fab extended color="primary">
29-
<mat-icon>note_add</mat-icon>
30-
{{ 'Home.WriteANote' | translate }}
31-
</button>
32-
</div> -->
33-
34-
<br /><br />
35-
36-
<!-- <mat-card class="home-card">
37-
<mat-card-header>
38-
<mat-card-title>Create Note</mat-card-title>
39-
</mat-card-header>
40-
<mat-card-content>
41-
<br />
42-
<form [formGroup]="formGroup">
43-
<div mat-dialog-content class="mat-dialog-content">
44-
45-
<emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [isNative]="true" [showPreview]="false" (emojiSelect)="addEmoji($event)" title="Choose your emoji"></emoji-mart>
46-
<mat-form-field class="input-full-width">
47-
<mat-label>Note</mat-label>
48-
<textarea class="note-input" matInput type="text" [(ngModel)]="note" formControlName="note" rows="6"></textarea>
49-
</mat-form-field>
50-
51-
</div>
52-
<div mat-dialog-actions class="mat-dialog-actions" align="end">
53-
<button mat-stroked-button (click)="onCancel()">Cancel</button>&nbsp;
54-
<button mat-flat-button (click)="postNote()" color="primary" cdkFocusInitial>Post</button>
55-
</div>
56-
</form>
57-
</mat-card-content>
58-
</mat-card> -->
5926

6027
<mat-card class="events clickable" (click)="navigation.openEvent($event, event)" *ngFor="let event of latestItems; trackBy: trackByFn">
6128
<div class="events-header">
@@ -65,25 +32,6 @@
6532
<app-content [event]="event"></app-content>
6633
</mat-card>
6734

68-
<!-- <p class="view-more-container">
69-
<button mat-button routerLink="/feed">{{ 'Home.ViewFollowingNotes' | translate }}</button>
70-
</p> -->
71-
72-
<!-- <mat-card class="home-card">
73-
<mat-card-header>
74-
<img mat-card-avatar src="https://material.angular.io/assets/img/examples/shiba1.jpg" />
75-
<mat-card-title>Shiba Inu</mat-card-title>
76-
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
77-
</mat-card-header>
78-
<img mat-card-image class="home-card-image" src="https://material.angular.io/assets/img/examples/shiba2.jpg" />
79-
<mat-card-content>
80-
<p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting.</p>
81-
</mat-card-content>
82-
<mat-card-actions>
83-
<button mat-button>Like</button>
84-
<button mat-button>Comments</button>
85-
</mat-card-actions>
86-
</mat-card> -->
8735
</div>
8836
</div>
8937

@@ -104,59 +52,6 @@
10452
</mat-card-content>
10553
</mat-card>
10654

107-
<!-- <mat-card class="home-card">
108-
<mat-card-header>
109-
<mat-card-title>Following</mat-card-title>
110-
</mat-card-header>
111-
<mat-card-content class="activity-feed" *ngIf="ui.activityFeed$ | async as activityFeed">
112-
<app-event-header [listType]="'icon'" [iconSize]="'small'" [displayName]="false" [displayContent]="false" *ngFor="let profile of profiles" [profile]="profile"></app-event-header>
113-
<div class="centered">
114-
<button mat-button routerLink="/people">See all following</button>
115-
</div>
116-
</mat-card-content>
117-
</mat-card> -->
118-
119-
<!-- <mat-card class="home-card">
120-
<mat-card-header>
121-
<mat-card-title>News</mat-card-title>
122-
</mat-card-header>
123-
<mat-card-content>
124-
<p>02-11: Activity feed and notifications has been added.</p>
125-
<p>01-19: <a routerLink="/e/63f78a0588f88c5e6931efcf032c8f600656eb5425785aea99b15ce0967be4a7">Nostr conference is in the planning</a>.</p>
126-
<p>01-20: Blockcore Notes "Home" launched as UI-mockup.</p>
127-
</mat-card-content>
128-
</mat-card> -->
129-
130-
<!-- <mat-card class="home-card">
131-
<mat-card-header>
132-
<mat-card-title>Photos</mat-card-title>
133-
</mat-card-header>
134-
<mat-card-content>
135-
<img loading="lazy" class="home-card-thumbnail" height="56" width="56" [src]="img" *ngFor="let img of images" />
136-
</mat-card-content>
137-
</mat-card> -->
138-
139-
<!-- <mat-card class="home-card">
140-
<mat-card-header>
141-
<mat-card-title>Music</mat-card-title>
142-
</mat-card-header>
143-
<mat-card-content> [Coming soon] </mat-card-content>
144-
</mat-card>
145-
146-
<mat-card class="home-card">
147-
<mat-card-header>
148-
<mat-card-title>Podcast</mat-card-title>
149-
</mat-card-header>
150-
<mat-card-content> [Coming soon] </mat-card-content>
151-
</mat-card>
152-
153-
<mat-card class="home-card">
154-
<mat-card-header>
155-
<mat-card-title>Films</mat-card-title>
156-
</mat-card-header>
157-
<mat-card-content> [Coming soon] </mat-card-content>
158-
</mat-card> -->
159-
16055
<mat-card class="home-card">
16156
<mat-card-header>
16257
<mat-card-title>{{ 'Home.FollowingLists' | translate }}</mat-card-title>
@@ -187,65 +82,4 @@
18782

18883
</div>
18984

190-
<!-- <div class="dashboard-header">
191-
<mat-card>
192-
<mat-card-content>2300 <small>Followers</small></mat-card-content>
193-
</mat-card>
194-
195-
<mat-card>
196-
<mat-card-content>500 <small>Following</small></mat-card-content>
197-
</mat-card>
198-
199-
<mat-card>
200-
<mat-card-content>640 <small>Profiles (Cached)</small></mat-card-content>
201-
</mat-card>
202-
203-
<mat-card>
204-
<mat-card-content>4 <small>Notes (Saved)</small></mat-card-content>
205-
</mat-card>
206-
</div> -->
207-
208-
<!-- <div class="dashboard">
209-
<div class="dashboard-left"> -->
210-
<!-- <h1 class="marginless">Hi, having fun yet?</h1> -->
211-
212-
<!-- <button (click)="downloadProfiles()">Click me</button>
213-
214-
<button (click)="subscribeEvents()">Click me2</button>
215-
216-
<button (click)="subscribeEvents2()">Click me3</button>
217-
218-
<button (click)="downloadProfiles2()">Click me4</button> -->
219-
220-
<!-- <p>You can import your existing followers:</p>
221-
<button class="follow-button" mat-flat-button color="primary" (click)="import(this.appState.getPublicKey())">Import your following list</button>
222-
<br /><br /> -->
223-
224-
<!-- <h2>PROTOTYPE</h2>
225-
<p>Blockcore Notes is a prototype. Please wipe your local database once in a while to fix bugs and issues.</p>
226-
<p>
227-
<button mat-flat-button color="warn" (click)="clearDatabase()">Wipe Local Database</button>
228-
</p> -->
229-
230-
<!-- <div *ngIf="defaults$ | async as defaults">
231-
<div *ngIf="defaults.length > 0">
232-
<p>If you are new to Blockcore Notes, here are some interesting people you can follow.</p>
233-
234-
<div class="card-container">
235-
<mat-card class="default-card" *ngFor="let profile of defaults; trackBy: trackByProfile" [@fade]="profile.checked">
236-
<mat-card-header>
237-
<img mat-card-avatar [src]="profile.picture" />
238-
<mat-card-title [matTooltip]="profile.pubkey" matTooltipPosition="above">{{ profile.name }}</mat-card-title>
239-
<mat-card-subtitle>{{ profile.about }}</mat-card-subtitle>
240-
</mat-card-header>
241-
<mat-card-content class="follow-card-content">
242-
<mat-slide-toggle class="follow-toggle" color="primary" (change)="follow(profile)" [(ngModel)]="profile.checked">Follow {{ profile.name }}</mat-slide-toggle>
243-
</mat-card-content>
244-
</mat-card>
245-
</div>
246-
</div>
247-
</div> -->
248-
<!-- </div> -->
249-
<!-- <div class="dashboard-right"></div> -->
250-
<!-- </div> -->
25185
</div>

0 commit comments

Comments
 (0)