diff --git a/src/app/modules/trade/component/trade-message/trade-message.component.scss b/src/app/modules/trade/component/trade-message/trade-message.component.scss
index 95311109..3befb2bc 100644
--- a/src/app/modules/trade/component/trade-message/trade-message.component.scss
+++ b/src/app/modules/trade/component/trade-message/trade-message.component.scss
@@ -1,19 +1,5 @@
@import "../../../../../styles/variables";
-::ng-deep {
- app-trade-message {
- &:nth-child(even) {
- .message {
- background: adjust-color($black-transparent, $alpha: -0.2);
- }
- }
-
- & + app-trade-message {
- margin-top: 1px;
- }
- }
-}
-
:host {
display: block;
}
@@ -30,6 +16,10 @@
border-left: 6px solid;
border-left-color: adjust-color($color: $purple, $alpha: -0.1);
+ &.even {
+ background: adjust-color($black-transparent, $alpha: -0.2);
+ }
+
&.joined {
border-top: 1px solid rgb(50, 205, 50);
border-right: 1px solid rgb(50, 205, 50);
@@ -50,6 +40,7 @@
top: -8px;
right: -8px;
display: none;
+ z-index: 1001;
}
&:hover {
diff --git a/src/app/modules/trade/component/trade-message/trade-message.component.ts b/src/app/modules/trade/component/trade-message/trade-message.component.ts
index b7cec51b..b874dccb 100644
--- a/src/app/modules/trade/component/trade-message/trade-message.component.ts
+++ b/src/app/modules/trade/component/trade-message/trade-message.component.ts
@@ -34,6 +34,9 @@ export class TradeMessageComponent implements OnInit {
@Input()
public settings: TradeFeatureSettings;
+ @Input()
+ public even: boolean;
+
@Output()
public dismiss = new EventEmitter();
@@ -52,6 +55,7 @@ export class TradeMessageComponent implements OnInit {
this.visible[TradeMessageAction.Wait] = true;
this.visible[TradeMessageAction.ItemGone] = true;
this.visible[TradeMessageAction.ItemHighlight] = true;
+ this.visible[TradeMessageAction.Finished] = true;
if (this.settings.tradeSoundEnabled) {
this.audio.play(AudioFile.Notification, this.settings.tradeSoundVolume / 100);
}
@@ -105,12 +109,12 @@ export class TradeMessageComponent implements OnInit {
this.hideHighlight();
this.chat.trade(this.message.name);
this.visible[TradeMessageAction.ItemHighlight] = false;
- this.visible[TradeMessageAction.Finished] = true;
break;
case TradeMessageAction.ItemHighlight:
this.toggleHighlight();
break;
case TradeMessageAction.Whisper:
+ window.blur();
this.chat.whisper(this.message.name);
break;
case TradeMessageAction.Finished:
diff --git a/src/app/modules/trade/component/trade-settings/trade-settings.component.html b/src/app/modules/trade/component/trade-settings/trade-settings.component.html
index deaffbd6..fd2f4a4b 100644
--- a/src/app/modules/trade/component/trade-settings/trade-settings.component.html
+++ b/src/app/modules/trade/component/trade-settings/trade-settings.component.html
@@ -7,6 +7,31 @@
+
+
+
+ {{'trade.layout' | translate}}
+
+
+ {{'trade.layouts.' + (layouts.values[layout] | lowercase) | translate}}
+
+
+
+
+
+
+ {{'trade.filter' | translate}}
+
+
+ {{'trade.filters.' + (filters.values[filter] | lowercase) | translate}}
+
+
+
+
+
+
+
+