diff --git a/client/src/app/site/motions/components/motion-list/motion-list.component.html b/client/src/app/site/motions/components/motion-list/motion-list.component.html index 49895fe6e..0a5b20f52 100644 --- a/client/src/app/site/motions/components/motion-list/motion-list.component.html +++ b/client/src/app/site/motions/components/motion-list/motion-list.component.html @@ -121,6 +121,14 @@ + + + + + + + + Speakers @@ -139,7 +147,6 @@ diff --git a/client/src/app/site/motions/components/motion-list/motion-list.component.ts b/client/src/app/site/motions/components/motion-list/motion-list.component.ts index 04bbc373e..bd511cd1c 100644 --- a/client/src/app/site/motions/components/motion-list/motion-list.component.ts +++ b/client/src/app/site/motions/components/motion-list/motion-list.component.ts @@ -41,12 +41,12 @@ export class MotionListComponent extends ListViewBaseComponent + + + + + + + + Presence diff --git a/client/src/app/site/users/components/user-list/user-list.component.ts b/client/src/app/site/users/components/user-list/user-list.component.ts index 45b635641..8fad1bc08 100644 --- a/client/src/app/site/users/components/user-list/user-list.component.ts +++ b/client/src/app/site/users/components/user-list/user-list.component.ts @@ -80,12 +80,12 @@ export class UserListComponent extends ListViewBaseComponent imp /** * Columns to display in table when desktop view is available */ - public displayedColumnsDesktop: string[] = ['name', 'group']; + public displayedColumnsDesktop: string[] = ['name', 'group', 'anchor']; /** * Columns to display in table when mobile view is available */ - public displayedColumnsMobile = ['name']; + public displayedColumnsMobile = ['name', 'anchor']; /** * Stores the observed configuration if the presence view is available to administrators diff --git a/client/src/styles.scss b/client/src/styles.scss index 95c7e5177..3d700b587 100644 --- a/client/src/styles.scss +++ b/client/src/styles.scss @@ -193,6 +193,7 @@ mat-card { /** size of the mat row */ mat-row { + position: relative; min-height: 60px; } mat-row.lg { @@ -653,3 +654,25 @@ button.mat-menu-item.selected { .white { color: white; } + +/** Style for the anchor column */ +.mat-column-anchor { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0.1; + z-index: 1; + + a { + display: block; + height: 100%; + width: 100%; + } +} + +/** functional items should lay over the anchor column */ +.mat-cell > * { + z-index: 2; +}