From c4dd44716c39cfd4b36b0e4e936d9baa955465ac Mon Sep 17 00:00:00 2001
From: Pablo Bonilla <pbonilla29@hotmail.com>
Date: Sat, 10 Jul 2021 22:16:42 -0600
Subject: [PATCH] Add data survey custom select styles

---
 .../encuesta/list/encuesta.component.html     | 10 ++++-
 .../content/img_datasurvey/down-arrow.svg     | 44 +++++++++++++++++++
 .../paper-dashboard/_datasurvey-form.scss     | 35 ++++++++++++++-
 .../paper-dashboard/_datasurvey-modal.scss    |  2 +-
 4 files changed, 86 insertions(+), 5 deletions(-)
 create mode 100644 src/main/webapp/content/img_datasurvey/down-arrow.svg

diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
index 5b56b55..0a3a2b3 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
@@ -123,7 +123,7 @@
 >
   <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content">
-      <form class="ds-form" name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
+      <form autocomplete="off" class="ds-form" name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
         <div class="modal-header">
           <h1 class="modal-title" id="exampleModalLongTitle">Crear Encuesta</h1>
         </div>
@@ -219,7 +219,13 @@
           <button type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
             <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
           </button>
-          <button type="button" class="ds-btn ds-btn--primary">
+          <button
+            type="submit"
+            id="save-entity"
+            data-cy="entityCreateSaveButton"
+            [disabled]="editForm.invalid || isSaving"
+            class="ds-btn ds-btn--primary"
+          >
             <span jhiTranslate="entity.action.create">Create</span>
           </button>
         </div>
diff --git a/src/main/webapp/content/img_datasurvey/down-arrow.svg b/src/main/webapp/content/img_datasurvey/down-arrow.svg
new file mode 100644
index 0000000..74a6e8e
--- /dev/null
+++ b/src/main/webapp/content/img_datasurvey/down-arrow.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.996 491.996" style="enable-background:new 0 0 491.996 491.996; fill: #b4b6b8;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848
+			L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128
+			c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084
+			c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224
+			C491.996,136.902,489.204,130.046,484.132,124.986z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
index 74310ae..b58bad0 100644
--- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
+++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
@@ -13,7 +13,8 @@ $form-background: #f1f5f9;
     }
   }
 
-  input {
+  input,
+  select {
     background-color: $form-background;
     border-radius: 15px;
     border: 1.75px solid transparent;
@@ -25,7 +26,6 @@ $form-background: #f1f5f9;
     &:active {
       background-color: $form-background;
       border: 1.75px solid #2962ff;
-      // color: #313747;
     }
 
     &:read-only {
@@ -41,6 +41,37 @@ $form-background: #f1f5f9;
     }
   }
 
+  select {
+    background-color: $form-background !important;
+    appearance: none;
+    cursor: pointer !important;
+    border: none;
+    outline: 0;
+
+    background: url(./../../img_datasurvey/down-arrow.svg) no-repeat right;
+    background-size: 3.5%;
+    -webkit-appearance: none;
+    background-position-x: 94%;
+
+    &:focus,
+    &:active {
+      background-color: $form-background !important;
+      border: 1.75px solid #2962ff !important;
+    }
+
+    option {
+      background-color: #fff !important;
+      color: #313747 !important;
+      padding: 1rem !important;
+
+      &:hover,
+      &:focus,
+      &:active {
+        background-color: #efefef !important;
+      }
+    }
+  }
+
   label {
     color: #757d94;
   }
diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-modal.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-modal.scss
index cd2cb81..f821633 100644
--- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-modal.scss
+++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-modal.scss
@@ -12,7 +12,7 @@
   .modal-header,
   .modal-footer {
     border: none;
-    padding: 1.5rem;
+    padding: 2rem;
   }
 
   .modal-body {