From 77d88d91bf01ce0de7f230a1f6f6c199f67e96e0 Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Fri, 26 Apr 2024 09:45:38 +0000
Subject: [PATCH] 336268076: (fix) change borders for the button and options in
 download dropdown

---
 .../download-options.component.html           |  2 +-
 .../download-options.component.scss           | 21 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.html b/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.html
index 8871ae05c..491151ac2 100644
--- a/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.html
+++ b/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.html
@@ -17,7 +17,7 @@
   appearance="outline"
   *ngIf="data"
   class="download-options-field">
-  <mat-select placeholder="Download">
+  <mat-select placeholder="Download" class="download-options-select">
     <mat-option
       class="download-option pdf"
       (onSelectionChange)="onSelected($event, data, DownloadOption.PDF)">
diff --git a/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.scss b/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.scss
index afdd3c306..195a11839 100644
--- a/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.scss
+++ b/modules/ui/src/app/pages/testrun/components/download-options/download-options.component.scss
@@ -62,6 +62,27 @@ $option-height: 36px;
     > * {
     border-color: #000000de;
   }
+
+  &:has(.download-options-select[aria-expanded='true'])
+    ::ng-deep
+    .mat-mdc-text-field-wrapper.mdc-text-field--focused
+    .mdc-notched-outline
+    > * {
+    border: none;
+  }
+
+  ::ng-deep
+    .mat-mdc-text-field-wrapper.mdc-text-field--outlined:hover
+    .mdc-notched-outline
+    > * {
+    border: none;
+  }
+}
+
+.download-option {
+  ::ng-deep .mat-mdc-focus-indicator {
+    display: none;
+  }
 }
 
 .download-option {