From fb4fd623d5e5adcfdc9ecf3dffef702b3786f486 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 21 Dec 2017 15:24:49 +0100 Subject: [PATCH] Better admin tables --- .../followers-list.component.html | 2 +- .../following-list.component.html | 2 +- .../jobs/jobs-list/jobs-list.component.html | 6 ++-- .../users/user-list/user-list.component.html | 2 +- .../video-abuse-list.component.html | 2 +- .../video-blacklist-list.component.html | 3 -- .../shared/misc/edit-button.component.html | 2 +- .../+video-watch/video-watch.component.scss | 3 +- .../videos/+video-watch/video-watch.module.ts | 14 ++++---- client/src/sass/application.scss | 36 ++++++++++++++++--- 10 files changed, 48 insertions(+), 24 deletions(-) diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.html b/client/src/app/+admin/follows/followers-list/followers-list.component.html index a24039fc6..9499a0433 100644 --- a/client/src/app/+admin/follows/followers-list/followers-list.component.html +++ b/client/src/app/+admin/follows/followers-list/followers-list.component.html @@ -2,7 +2,7 @@ [value]="followers" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" sortField="createdAt" (onLazyLoad)="loadLazy($event)" > - + diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html index 2b6cc9113..fc1cf0dc4 100644 --- a/client/src/app/+admin/follows/following-list/following-list.component.html +++ b/client/src/app/+admin/follows/following-list/following-list.component.html @@ -2,7 +2,7 @@ [value]="following" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" sortField="createdAt" (onLazyLoad)="loadLazy($event)" > - + diff --git a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html index 7aa5f4254..809155338 100644 --- a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html +++ b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html @@ -6,9 +6,9 @@ [value]="jobs" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" sortField="createdAt" (onLazyLoad)="loadLazy($event)" [scrollable]="true" [virtualScroll]="true" [scrollHeight]="scrollHeight" > - - - + + + 
{{ job.handlerInputData }}
diff --git a/client/src/app/+admin/users/user-list/user-list.component.html b/client/src/app/+admin/users/user-list/user-list.component.html index b3d90ba1e..08f4caeb9 100644 --- a/client/src/app/+admin/users/user-list/user-list.component.html +++ b/client/src/app/+admin/users/user-list/user-list.component.html @@ -11,7 +11,7 @@ [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" sortField="id" (onLazyLoad)="loadLazy($event)" > - + diff --git a/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html b/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html index d655a5e9b..65d061246 100644 --- a/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html +++ b/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html @@ -6,7 +6,7 @@ [value]="videoAbuses" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" sortField="id" (onLazyLoad)="loadLazy($event)" > - + diff --git a/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html b/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html index 1d813fa07..942f7c9f1 100644 --- a/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html +++ b/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html @@ -9,10 +9,7 @@ - - - diff --git a/client/src/app/shared/misc/edit-button.component.html b/client/src/app/shared/misc/edit-button.component.html index 6e9564bd7..58012a8b8 100644 --- a/client/src/app/shared/misc/edit-button.component.html +++ b/client/src/app/shared/misc/edit-button.component.html @@ -1,4 +1,4 @@ - + Edit diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 02b44bda1..b37fa3d61 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -27,7 +27,8 @@ line-height: 300px; margin-top: 50px; text-align: center; - font-weight: bold; + font-weight: $font-semibold; + font-size: 15px; } .video-bottom { diff --git a/client/src/app/videos/+video-watch/video-watch.module.ts b/client/src/app/videos/+video-watch/video-watch.module.ts index d0ed29d06..e77883472 100644 --- a/client/src/app/videos/+video-watch/video-watch.module.ts +++ b/client/src/app/videos/+video-watch/video-watch.module.ts @@ -1,15 +1,15 @@ import { NgModule } from '@angular/core' +import { TooltipModule } from 'ngx-bootstrap/tooltip' +import { ClipboardModule } from 'ngx-clipboard' +import { SharedModule } from '../../shared' +import { MarkdownService } from '../shared' +import { VideoDownloadComponent } from './video-download.component' +import { VideoReportComponent } from './video-report.component' +import { VideoShareComponent } from './video-share.component' import { VideoWatchRoutingModule } from './video-watch-routing.module' -import { MarkdownService } from '../shared' -import { SharedModule } from '../../shared' -import { ClipboardModule } from 'ngx-clipboard' -import { TooltipModule } from 'ngx-bootstrap/tooltip'; import { VideoWatchComponent } from './video-watch.component' -import { VideoReportComponent } from './video-report.component' -import { VideoShareComponent } from './video-share.component' -import { VideoDownloadComponent } from './video-download.component' @NgModule({ imports: [ diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 0d96d5ec0..0539ec486 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -158,6 +158,9 @@ p-datatable { td { border: 1px solid #E5E5E5 !important; padding-left: 15px !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } tr { @@ -191,17 +194,31 @@ p-datatable { font-weight: $font-semibold !important; color: #000 !important; - &.ui-sortable-column:hover:not(.ui-state-active) { + &.ui-sortable-column:hover { background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; border-width: 0 1px !important; + + &:first-child { + border-width: 0 1px 0 0 !important; + } } &.ui-state-active { - color: #fff !important; - background-color: $orange-color !important; - border: 1px solid $orange-color !important; - border-width: 0 1px !important; + background-color: #fff !important; + + .fa { + @extend .glyphicon; + font-size: 11px; + + &.fa-sort-asc { + @extend .glyphicon-triangle-top; + } + + &.fa-sort-desc { + @extend .glyphicon-triangle-bottom; + } + } } } @@ -347,6 +364,15 @@ p-datatable { @include grey-button; } +// In tables, don't have a hover different background +table { + .action-button-edit, .action-button-delete { + &:hover, &:active, &:focus, &[disabled], &.disabled { + background-color: $grey-color !important; + } + } +} + // On small screen, menu is absolute @media screen and (max-width: 800px) { .title-menu-left { -- 2.41.0