Merge pull request #5569 from tsiegleauq/scss-fix-for-change-recommendation-overview

fix white change-recommendation-overview
This commit is contained in:
Emanuel Schütze 2020-09-18 16:44:34 +02:00 committed by GitHub
commit 40c2a7fae4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 216 additions and 214 deletions

View File

@ -1,4 +1,5 @@
<!-- A summary of all changes -->
<div class="motion-detail-diff">
<section class="change-recommendation-overview" *ngIf="changes.length > 0">
<strong> {{ 'Summary of changes' | translate }}: </strong>
@ -15,7 +16,9 @@
</span>
<span *ngIf="change.isTitleChange()">{{ 'Title' | translate }}</span>
<span *ngIf="isChangeRecommendation(change)"> ({{ 'Change recommendation' | translate }})</span>
<span *ngIf="isAmendment(change)"> ({{ 'Amendment' | translate }} {{ change.getIdentifier() }})</span>
<span *ngIf="isAmendment(change)">
({{ 'Amendment' | translate }} {{ change.getIdentifier() }})</span
>
<span class="operation" *ngIf="isChangeRecommendation(change)">
{{ getRecommendationTypeName(change) | translate }}
<!--
@ -121,8 +124,7 @@
<i class="fa fa-info"></i>
{{ change.original.identifier }}
</a>
-->
</div>
--></div>
<div class="status-row" *ngIf="isChangeRecommendation(change) && change.isRejected()">
<i class="grey">{{ 'Rejected' | translate }}</i>
</div>
@ -132,7 +134,9 @@
However, if showAllAmendments === true, the prefix should be shown alwayes,
even if it's accepted -->
<div class="status-row" *ngIf="isAmendment(change) && showAllAmendments">
<i class="grey">{{ change.amendment.identifier }} - {{ change.amendment.state.name | translate }}</i>
<i class="grey"
>{{ change.amendment.identifier }} - {{ change.amendment.state.name | translate }}</i
>
</div>
<div
@ -165,7 +169,8 @@
<button
type="button"
mat-menu-item
[routerLink]="change.amendment.getDetailStateURL()" [state]="{ back: 'true' }"
[routerLink]="change.amendment.getDetailStateURL()"
[state]="{ back: 'true' }"
>
<mat-icon>visibility_on</mat-icon>
<span>{{ 'Show amendment' | translate }}</span>
@ -173,7 +178,11 @@
<mat-divider *ngIf="change.amendment.state.next_states.length > 0"></mat-divider>
<button *ngFor="let state of change.amendment.state.next_states" mat-menu-item (click)="setAmendmentState(change, state.id)">
<button
*ngFor="let state of change.amendment.state.next_states"
mat-menu-item
(click)="setAmendmentState(change, state.id)"
>
{{ state.name | translate }} <span *ngIf="state.show_state_extension_field">&nbsp;...</span>
</button>
<mat-divider *ngIf="change.amendment.state.next_states.length > 0"></mat-divider>
@ -197,20 +206,12 @@
<mat-menu #changeRecommendationMenu="matMenu">
<ng-template matMenuContent let-change="change">
<button
type="button"
mat-menu-item
(click)="setAcceptanceValue(change, 'accepted')"
>
<button type="button" mat-menu-item (click)="setAcceptanceValue(change, 'accepted')">
<mat-icon>thumb_up</mat-icon>
<span>{{ 'Accept' | translate }}</span>
<mat-icon class="active-indicator">{{ change.isAccepted() ? 'done' : '' }}</mat-icon>
</button>
<button
type="button"
mat-menu-item
(click)="setAcceptanceValue(change, 'rejected')"
>
<button type="button" mat-menu-item (click)="setAcceptanceValue(change, 'rejected')">
<mat-icon>thumb_down</mat-icon>
<span>{{ 'Reject' | translate }}</span>
<mat-icon class="active-indicator">{{ change.isRejected() ? 'done' : '' }}</mat-icon>
@ -243,3 +244,4 @@
</button>
</ng-template>
</mat-menu>
</div>

View File

@ -3,7 +3,7 @@
@mixin os-motion-detail-diff-style($theme) {
$background: map-get($theme, background);
.motion-text-with-diffs {
.motion-detail-diff {
.change-recommendation-overview,
.diff-box {
background-color: mat-color($background, background);