inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1238] Removed mdl from alfresco search component (#2309)

Browse Source 
* [ADF-1328] removed mdl from adf search

* [ADF-11328] removed mdl from search added theme style

* Fix failing tests

* Fix the last bit of stylings
This commit is contained in:
Vito
2017-09-11 03:42:01 -07:00
committed by Denys Vuika
parent 1cf2db48ac
commit 2fc9b63f5c
23 changed files with 2544 additions and 2118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
ng2-components/ng2-alfresco-search/src/components/search-control.component.scss
View File

@@ -1,13 +1,64 @@
.search-field {
width: 267px;
}
@media only screen and (max-width: 400px) {
.search-field {
width: 200px;
@mixin mat-search-control-theme($theme) {
$background: map-get($theme, background);
.adf {
&-search-button.mat-button {
border-radius: 50%;
height: 32px;
min-width: 20px;
width: 32px;
padding: 0;
overflow: hidden;
color: inherit;
line-height: normal;
border: none;
}
&-search-container {
display: flex;
align-items: center;
.search-field {
width: 260px;
padding-top: 6px;
.mat-input-container {
width: 100%;
}
.mat-input-underline .mat-input-ripple {
background-color: mat-color($background, card);
}
.mat-input-element {
font-size: 16px;
}
}
.search-field .mat-input-infix {
padding: 0px;
}
@media only screen and (max-width: 400px) {
.search-field {
width: 200px;
}
}
@media only screen and (max-width: 320px) {
.search-field {
width: 160px;
}
}
}
&-search-form{
overflow: hidden;
}
&-active-search,
&-valid-search {
display: block;
}
}
}
@media only screen and (max-width: 320px) {
.search-field {
width: 160px;
}
}
}