From 28759cb16c6ea09901711404e868fab3477f57e4 Mon Sep 17 00:00:00 2001
From: payme <siroumi@matrixinternet.ie>
Date: Thu, 27 Feb 2025 14:48:32 +0000
Subject: [PATCH] adding missing css code

---
 resources/assets/sass/components/forms.scss | 330 +++++++++++++++++++-
 resources/views/event/add.blade.php         |   2 +-
 2 files changed, 322 insertions(+), 10 deletions(-)

diff --git a/resources/assets/sass/components/forms.scss b/resources/assets/sass/components/forms.scss
index 693a3c957..5418682ac 100644
--- a/resources/assets/sass/components/forms.scss
+++ b/resources/assets/sass/components/forms.scss
@@ -1,5 +1,299 @@
+.multiselect .multiselect__tags{
+  border-radius: 29px;
+  min-height: 57px;
+}
+.multiselect .multiselect__select{
+  width: 60px;
+  height: 54px;
+}
+.multiselect .multiselect__placeholder,
+.multiselect .multiselect__single{
+  padding-top: 5px;
+  padding-left: 12px;
+  font-size: 20px;
+  font-style: italic;
+  font-weight: bold;
+  color: $main-color;
+}
+.multiselect .multiselect__single {
+  padding-top: 6px;
+}
+.multiselect .multiselect__select:before {
+  border-color: $main-color transparent transparent;
+}
+.multiselect .multiselect__tags-wrap{
+  display: inline-table;
+  padding: 5px 0 5px 10px;
+}
+.codeweek-search-text{
+  flex:1;
+  margin-right: 10px;
+}
+
+.codeweek-search-text input{
+  width:100%;
+  border-radius: 29px;
+  height:57px;
+  text-indent: 20px;
+  font-size: 18px;
+  font-style: italic;
+  border:1px solid #e8e8e8;
+}
+
+
+.codeweek-input-select {
+  display: block;
+  font-size: 20px;
+  font-weight: bold;
+  font-family: $font-family-sans-serif;
+  color: $main-color4;
+  line-height: 1.3;
+  padding: .6em 1.8em .5em .8em;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid #aaa;
+  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
+  border-radius: 29px;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: $main-color4;
+  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
+  linear-gradient(to bottom, $main-color 0%,$main-color 100%);
+  background-repeat: no-repeat, repeat;
+  background-position: right .7em top 50%, 0 0;
+  background-size: .65em auto 100%;
+}
+.codeweek-input-select::-ms-expand {
+  display: none;
+}
+.codeweek-input-select:hover {
+  border-color: #888;
+}
+.codeweek-input-select:focus {
+  border-color: #aaa;
+  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
+  box-shadow: 0 0 0 3px -moz-mac-focusring;
+  outline: none;
+}
+.codeweek-input-select option {
+  font-weight:normal;
+  color: $main-color3;
+}
+
+.codeweek-form {
+  display:flex;
+  flex-direction: column;
+  justify-content: stretch;
+  align-items: stretch;
+  border-top: 1px solid #e8e8e8;
+  margin-top: 30px;
+  padding-top: 20px;
+
+  p:first-child {
+    padding-top: 5px;
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 20px;
+    color: $main-color;
+    margin-top: -15px;
+  }
+}
+
+.codeweek-form-inner-two-columns {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width:100%;
+}
+
+.codeweek-form-inner-container{
+  display: flex;
+  flex-direction: column;
+  flex:1;
+}
+
+.codeweek-form-inner-container:last-child{
+  margin-left: 20px;
+}
+
+.codeweek-form-field-wrapper{
+  margin-bottom: 15px;
+}
+.codeweek-form-field-wrapper .errors{
+  margin-left: 140px;
+  font-size: 13px;
+  color: red;
+}
+.codeweek-form-field-wrapper .info {
+  margin-left: 140px;
+  font-size: 14px;
+  color: #40b5d1;
+}
+
+.codeweek-form-field-wrapper .errors .errorlist{
+  margin: 0;
+}
+
+.codeweek-form-field{
+  display: flex;
+  justify-content: stretch;
+  flex:1;
+  align-items: center;
+}
+
+.codeweek-form-field-searchable{
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: center;
+}
+
+.codeweek-form-field-searchable.align-flex-start{
+  align-items: flex-start;
+}
+
+.codeweek-form-field-searchable input {
+  flex: 1;
+  height: 32px;
+  /*border: 1px solid #ffffff;*/
+  border-radius: 6px;
+  /*text-indent: 20px;*/
+  width: 100%;
+}
+
+.codeweek-form-field-searchable  label {
+  margin-right: 10px;
+  text-transform: uppercase;
+  width: 120px;
+  text-align: right;
+}
+
+.codeweek-form-field.align-flex-start{
+  align-items: flex-start;
+}
+.codeweek-form-field input{
+  flex: 1;
+  height: 57px;
+  border: 1px solid #e8e8e8;
+  border-radius: 29px;
+  text-indent: 20px;
+  width: 100%;
+}
+
+.codeweek-form-field textarea {
+  flex: 1;
+  border-radius: 29px;
+  border: 1px solid #e8e8e8;
+  text-indent: 20px;
+  font-family: $font-family-sans-serif;
+  font-size: 14px;
+  padding-top: 16px;
+}
+
+.codeweek-form-field label{
+  margin-right: 10px;
+  text-transform: uppercase;
+  width: 120px;
+  text-align: right;
+}
+
+.codeweek-form-field.align-flex-start label{
+  margin-top: 10px;
+}
+
+.codeweek-form .codeweek-input-select {
+  flex: 1;
+  height: 57px;
+  width:auto;
+  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fe6824%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
+  background-position: right 1.8em top 50%, 0 0;
+  font-weight: normal;
+  border-color: #e8e8e8;
+  color: $main-color3;
+  text-indent: 2px;
+  font-size: 14px;
+  box-shadow: none;
+  cursor: pointer;
+}
+
+.codeweek-form .multiselect-wrapper,
+.codeweek-form .datepicker-wrapper,
+.codeweek-form .input-tag-wrapper{
+  flex:1;
+}
+
+
+.codeweek-form .mx-datepicker .mx-input-icon{
+  right: 20px;
+}
+
+.codeweek-form .codeweek-form-inner-container h3 {
+  margin-bottom: 15px;
+}
+
+.codeweek-form .input-tag-wrapper {
+  border: 1px solid #e8e8e8;
+  border-radius: 29px;
+}
+.codeweek-form .input-tag-wrapper .vue-input-tag-wrapper {
+  padding: 0;
+  border: none;
+  display: inline-table;
+  width: 100%;
+  background-color: transparent;
+  margin: 10px 25px 0 25px;
+  max-width: 90%;
+}
+
+.codeweek-form .input-tag-wrapper .vue-input-tag-wrapper input {
+  padding: 0;
+  margin: 0;
+  height: 59px;
+  text-indent: 0;
+}
+
+.codeweek-form .group-fields{
+  flex:1;
+}
+
+.codeweek-form-message {
+  padding: 30px;
+  background-color: #e8e8e8;
+  border-radius: 20px;
+  margin-top: 20px;
+}
+
+.codeweek-form-message .message{
+  margin-bottom: 30px;
+}
+
+.codeweek-form-message .codeweek-form-field label{
+  width: auto;
+  text-align: left;
+}
+
+.codeweek-form-field-privacy,
+.codeweek-form-field-checkbox{
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  padding: 20px;
+}
+.codeweek-form-button-container{
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  margin-top: 30px;
+  margin-bottom: 20px;
+}
+
+
 #codeweek-searchpage-component .multiselect .multiselect__tags,
-#codeweek-register-page .multiselect .multiselect__tags,
+#codeweek-register-page .multiselect .multiselect__tags
  {
   border-radius: 29px;
   min-height: 57px;
@@ -117,15 +411,15 @@
   padding-top: 20px;
 }
 
-  p:first-child {
-    padding-top: 5px;
-    font-size: 14px;
-    font-weight: bold;
-    margin-bottom: 20px;
-    color: $main-color;
-    margin-top: -15px;
-  }
 
+p:first-child {
+  padding-top: 5px;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  color: $main-color;
+  margin-top: -15px;
+}
 
 #codeweek-searchpage-component .codeweek-form-inner-two-columns,
 #codeweek-register-page .codeweek-form-inner-two-columns {
@@ -639,4 +933,22 @@ div[data-lastpass-icon-root] {
   line-height: 1.5;
   padding: 0;
   margin: 10px 0;
+}
+
+
+section#codeweek-forgotpassword-page label {
+  text-align: left;
+  text-transform: capitalize;
+  width: 100%;
+  color: var(--Slate-500, #333E48);
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
+}
+
+section#codeweek-forgotpassword-page .codeweek-form-field input{
+  border-radius: 24px;
+  border: 2px solid var(--Dark-Blue-200, #A4B8D9);
 }
\ No newline at end of file
diff --git a/resources/views/event/add.blade.php b/resources/views/event/add.blade.php
index 15195c834..0317a752d 100755
--- a/resources/views/event/add.blade.php
+++ b/resources/views/event/add.blade.php
@@ -2,7 +2,7 @@
 
 @section('content')
 
-    <section id="codeweek-searchpage-component" class="codeweek-page">
+    <section id="codeweek-events-add-page" class="codeweek-page">
 
         <section class="codeweek-content-wrapper" x-data="addActivity()">