TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-18 16:31:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

Style improvements and UI bug fixes

Browse Source
This commit is contained in:
Isaac Abadi
2022-12-25 19:26:05 -06:00
parent 20e7ec7c84
commit c45e0f04be
5 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/app.component.css
View File

@@ -26,7 +26,11 @@
height: 64px; height: 64px;
} }
::ng-deep .mdc-list-item__primary-text { ::ng-deep .top-menu-button > span {
width: 85px; width: 85px;
height: 26px; height: 26px;
}
::ng-deep .mdc-switch {
outline: none !important;
} }

6
src/app/app.component.html
View File

@@ -18,16 +18,16 @@
</mat-menu> </mat-menu>
<button [matMenuTriggerFor]="menuSettings" mat-icon-button><mat-icon>more_vert</mat-icon></button> <button [matMenuTriggerFor]="menuSettings" mat-icon-button><mat-icon>more_vert</mat-icon></button>
<mat-menu #menuSettings="matMenu"> <mat-menu #menuSettings="matMenu">
<button (click)="openProfileDialog()" *ngIf="postsService.isLoggedIn" mat-menu-item> <button class="top-menu-button" (click)="openProfileDialog()" *ngIf="postsService.isLoggedIn" mat-menu-item>
<mat-icon>person</mat-icon> <mat-icon>person</mat-icon>
<span i18n="Profile menu label">Profile</span> <span i18n="Profile menu label">Profile</span>
</button> </button>
<button (click)="themeMenuItemClicked($event)" *ngIf="allowThemeChange" mat-menu-item> <button class="top-menu-button" (click)="themeMenuItemClicked($event)" *ngIf="allowThemeChange" mat-menu-item>
<mat-icon>{{(postsService.theme.key === 'default') ? 'brightness_5' : 'brightness_2'}}</mat-icon> <mat-icon>{{(postsService.theme.key === 'default') ? 'brightness_5' : 'brightness_2'}}</mat-icon>
<span i18n="Dark mode toggle label">Dark</span> <span i18n="Dark mode toggle label">Dark</span>
<mat-slide-toggle class="theme-slide-toggle" [checked]="postsService.theme.key === 'dark'"></mat-slide-toggle> <mat-slide-toggle class="theme-slide-toggle" [checked]="postsService.theme.key === 'dark'"></mat-slide-toggle>
</button> </button>
<button (click)="openAboutDialog()" mat-menu-item> <button class="top-menu-button" (click)="openAboutDialog()" mat-menu-item>
<mat-icon>info</mat-icon> <mat-icon>info</mat-icon>
<span i18n="About menu label">About</span> <span i18n="About menu label">About</span>
</button> </button>

2
src/app/components/modify-users/modify-users.component.html
View File

@@ -9,7 +9,7 @@
</mat-form-field> </mat-form-field>
</div> </div>
<div class="example-container mat-elevation-z8"> <div class="mat-elevation-z8" style="margin-right: 15px;">
<mat-table #table [dataSource]="dataSource" matSort> <mat-table #table [dataSource]="dataSource" matSort>

4
src/app/components/unified-file-card/unified-file-card.component.scss
View File

@@ -167,3 +167,7 @@
// } // }
} }
::ng-deep.mat-mdc-menu-panel {
max-width: none !important;
}

1
src/app/subscriptions/subscriptions.component.scss
View File

@@ -21,6 +21,7 @@
color: unset; color: unset;
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%;
} }
::ng-deep .mdc-list-item__primary-text { ::ng-deep .mdc-list-item__primary-text {