diff options
Diffstat (limited to 'client/src/app/shared/shared-forms')
-rw-r--r-- | client/src/app/shared/shared-forms/markdown-textarea.component.html | 14 | ||||
-rw-r--r-- | client/src/app/shared/shared-forms/markdown-textarea.component.scss | 13 |
2 files changed, 7 insertions, 20 deletions
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.html b/client/src/app/shared/shared-forms/markdown-textarea.component.html index 5a9ff1a15..5d355a6d8 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.html +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.html | |||
@@ -25,15 +25,11 @@ | |||
25 | </ng-template> | 25 | </ng-template> |
26 | </ng-container> | 26 | </ng-container> |
27 | 27 | ||
28 | <my-global-icon | 28 | <button (click)="onMaximizeClick()" class="maximize-button border-0 m-3" [disabled]="disabled"> |
29 | *ngIf="!isMaximized" role="button" [ngbTooltip]="maximizeInText" | 29 | <my-global-icon *ngIf="!isMaximized" [ngbTooltip]="maximizeInText" iconName="fullscreen"></my-global-icon> |
30 | class="maximize-button" iconName="fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }" | 30 | |
31 | ></my-global-icon> | 31 | <my-global-icon *ngIf="isMaximized" [ngbTooltip]="maximizeOutText" iconName="exit-fullscreen"></my-global-icon> |
32 | 32 | </button> | |
33 | <my-global-icon | ||
34 | *ngIf="isMaximized" role="button" [ngbTooltip]="maximizeOutText" | ||
35 | class="maximize-button" iconName="exit-fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }" | ||
36 | ></my-global-icon> | ||
37 | </div> | 33 | </div> |
38 | 34 | ||
39 | <div [ngbNavOutlet]="nav"></div> | 35 | <div [ngbNavOutlet]="nav"></div> |
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss index f4b74a2d4..1f30bf129 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss | |||
@@ -23,7 +23,7 @@ $input-border-radius: 3px; | |||
23 | } | 23 | } |
24 | 24 | ||
25 | .nav-preview { | 25 | .nav-preview { |
26 | padding: 10px; | 26 | padding: 10px 0; |
27 | 27 | ||
28 | border: 1px solid pvar(--inputBorderColor); | 28 | border: 1px solid pvar(--inputBorderColor); |
29 | border-top: 1px dashed pvar(--inputBorderColor); | 29 | border-top: 1px dashed pvar(--inputBorderColor); |
@@ -38,14 +38,9 @@ $input-border-radius: 3px; | |||
38 | border-bottom: 2px solid pvar(--mainColor); | 38 | border-bottom: 2px solid pvar(--mainColor); |
39 | 39 | ||
40 | .maximize-button { | 40 | .maximize-button { |
41 | @include margin-left(15px); | ||
42 | |||
43 | opacity: 0.6; | 41 | opacity: 0.6; |
44 | cursor: default; | ||
45 | |||
46 | &:not(.disabled) { | ||
47 | cursor: pointer; | ||
48 | 42 | ||
43 | &:not([disabled]) { | ||
49 | &:hover, | 44 | &:hover, |
50 | &:active { | 45 | &:active { |
51 | opacity: 1; | 46 | opacity: 1; |
@@ -105,10 +100,6 @@ $input-border-radius: 3px; | |||
105 | 100 | ||
106 | padding: 20px 0; | 101 | padding: 20px 0; |
107 | width: 100% !important; | 102 | width: 100% !important; |
108 | |||
109 | .maximize-button { | ||
110 | @include margin-right(15px); | ||
111 | } | ||
112 | } | 103 | } |
113 | 104 | ||
114 | textarea { | 105 | textarea { |