feat(mail): Improve mail search (advanced search)

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -18,10 +18,37 @@ md-toolbar {
   transition-duration: 0s;
 }
 
-.md-toolbar-tools {
+.md-toolbar-tools, .md-toolbar-tools .md-datepicker-input, .md-chips {
   font-size: $subhead-font-size-base;
 }
 
+.md-toolbar-tools md-select:not([disabled]):focus .md-select-value {
+  border-bottom-color: unset;
+  color: unset;
+  border-bottom-width: 1px;
+}
+
+.search-right-space {
+  margin-right: 10px!important;
+  padding-right: 0px;
+}
+
+.search-and {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding-bottom: 12px;
+}
+
+.search-inline {
+  display: flex;
+  justify-content: center;
+}
+
+.md-toolbar-tools .md-datepicker-input {
+  margin-top: 5px;
+}
+
 md-toolbar,
 .md-toolbar-tools {
   // Animate the first icon button of a "secondary" toolbar
@@ -144,7 +171,3 @@ hgroup {
   min-height: $bl * 6;
   height: $bl * 6;
 }
-
-//.sg-toolbar-search {
-//  padding: $toolbar-padding 0;
-//}

UI/WebServerResources/scss/views/MailerUI.scss

@@ -452,4 +452,79 @@ md-dialog md-dialog-actions.sg-mail-editor-attachments {
   .sogo-raw-html-embed .raw-html-embed__preview-placeholder {
     display: none !important;
   }
+}
+
+// Search highlight
+mark {
+  background: yellow;
+  color: black;
+}
+
+// Advanced search
+.advanced-search {
+  flex-direction: column;
+  align-items: baseline;
+}
+
+.advanced-search-full {
+  width: 100%;
+}
+
+.advanced-search md-input-container,
+.advanced-search md-select,
+.advanced-search md-datepicker,
+.advanced-search .search-and,
+.advanced-search a {
+  margin: 10px 0;
+  padding: 2px;
+}
+
+.advanced-search-in {
+  margin-top: 10px;
+}
+
+.search-inline md-menu,
+.search-inline button {
+  height: auto !important;
+  margin: auto !important;
+  padding: 0 !important;
+}
+
+.advanced-search-more {
+  display: flex;
+}
+
+.advanced-search-more-no-bottom {
+  margin-bottom: 0!important;
+  margin-top: 20px !important;
+}
+
+.advanced-search-more > :first-child {
+  width: 100%;
+}
+
+.advanced-search-clickable-toolbar {
+  cursor: pointer;
+}
+
+.advanced-search-clickable-toolbar form {
+  padding-left: 0!important;
+}
+
+.advanced-search-clickable-toolbar form >div:first-child {
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 16px;
+}
+
+.advanced-search-more button {
+  margin-right: 0!important;
+}
+
+.show-advanced-search {
+  cursor: pointer;
+  padding-left: 10px;
+  padding-right: 10px;
 }