From 0a1039332c923f1fe99b5a785b1a83418fe2e96b Mon Sep 17 00:00:00 2001 From: Arman Ozak Date: Tue, 1 Dec 2020 00:48:11 +0300 Subject: [PATCH] feat: add styles for typeahead --- .../packages/theme-shared/src/lib/constants/styles.ts | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts b/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts index a54aecf581..cd9ac2a928 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts @@ -2,6 +2,11 @@ export default ` .is-invalid .form-control { border-color: #dc3545; border-style: solid !important; + padding-right: calc(1.5em + .75rem); + background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .is-invalid .invalid-feedback, @@ -144,6 +149,9 @@ export default ` .ngx-datatable.material { box-shadow: none; } +ngb-typeahead-window { + width: 100%; +} @keyframes fadeInTop { from {