style: select outline

OrShalmayev · Sep 19, 2021 · 936ab71 · 936ab71
1 parent 452c108
commit 936ab71
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/apps/ng/src/app/contacts/contacts.component.css b/apps/ng/src/app/contacts/contacts.component.css
diff --git a/apps/ng/src/app/contacts/contacts.component.html b/apps/ng/src/app/contacts/contacts.component.html
@@ -5,8 +5,9 @@ <h1 class="d-flex justify-content-center mb-4">Contacts</h1>
     <div class="col-2 d-flex align-items-center">
       <p>Show</p>
       <select
-        class="mx-2 form-select form-select-sm w-25"
+        class="mx-2 form-select form-select-sm"
         [formControl]="perPageControl"
+        style="width: 20%"
       >
         <option value="5">5</option>
         <option value="10">10</option>

diff --git a/apps/ng/src/app/contacts/contacts.component.scss b/apps/ng/src/app/contacts/contacts.component.scss
@@ -0,0 +1,8 @@
+h1 {
+  font-size: 64px;
+}
+
+select:focus {
+  border-color: inherit;
+  box-shadow: none;
+}
diff --git a/apps/ng/src/app/contacts/contacts.component.ts b/apps/ng/src/app/contacts/contacts.component.ts
@@ -9,7 +9,7 @@ import { FormControl } from '@angular/forms';
 @Component({
   selector: 'elf-contacts',
   templateUrl: './contacts.component.html',
-  styleUrls: ['./contacts.component.css'],
+  styleUrls: ['./contacts.component.scss'],
 })
 export class ContactsComponent implements OnInit {
   data$ = combineLatest({