Commit 49b20d9

committed

minor: improve styling

* Make links cover the entire activity * Use a different list style for some visual interest * Remove the default link treatment on text because it is a little overwhelming These are some fairly arbitrary aesthetic choices, happy to change!

1 parent a674d8a commit 49b20d9Copy full SHA for 49b20d9

File tree

2 files changed

+27

-2

lines changed

src/app/component/matrix
- matrix.component.css
- matrix.component.html

2 files changed

+27

-2

lines changed

`‎src/app/component/matrix/matrix.component.css`

Lines changed: 24 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,30 @@`
`29`	`29`	`font-weight: bold;`
`30`	`30`	`}`
`31`	`31`
	`32`	`+.mat-cell ul.activity-list {`
	`33`	`+ list-style-type: disclosure-closed;`
	`34`	`+}`
	`35`	`+`
	`36`	`+.mat-cell-activity {`
	`37`	`+ margin-bottom: 1em;`
	`38`	`+ position: relative;`
	`39`	`+}`
	`40`	`+.mat-cell-activity a.activity-title {`
	`41`	`+ text-decoration: unset;`
	`42`	`+ margin: 0;`
	`43`	`+}`
	`44`	`+.mat-cell-activity a::after {`
	`45`	`+ content: "";`
	`46`	`+ position: absolute;`
	`47`	`+ top: 0;`
	`48`	`+ left: 0;`
	`49`	`+ width: 100%;`
	`50`	`+ height: 100%;`
	`51`	`+}`
	`52`	`+.mat-cell-activity a.activity-title:link {`
	`53`	`+ color: inherit;`
	`54`	`+}`
	`55`	`+`
`32`	`56`	`.table-small-width {`
`33`	`57`	`width: 5%;`
`34`	`58`	`max-width: 9%;`

`‎src/app/component/matrix/matrix.component.html`

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -61,11 +61,12 @@`
`61`	`61`	`<ng-container matColumnDef="{{ lvl }}">`
`62`	`62`	`<th mat-header-cell *matHeaderCellDef>{{ levels[i] }}</th>`
`63`	`63`	`<td mat-cell *matCellDef="let element">`
`64`		`- <ul>`
`65`		`- <li *ngFor="let activity of element[lvl]; index as j">`
	`64`	`+ <ulclass="activity-list">`
	`65`	`+ <li class="mat-cell-activity" *ngFor="let activity of element[lvl]; index as j">`
`66`	`66`	`<div>`
`67`	`67`	`<div>`
`68`	`68`	`<a`
	`69`	`+ class="activity-title"`
`69`	`70`	`href=" {{`
`70`	`71`	`navigate(`
`71`	`72`	`YamlObject[element.Dimension][element.SubDimension][`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 49b20d9

File tree

2 files changed

2 files changed

`‎src/app/component/matrix/matrix.component.css`

`‎src/app/component/matrix/matrix.component.html`

0 commit comments