imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move new search experience to a Beta (#7718)

Browse source
This commit is contained in:
Michael Telatynski 2022-02-08 14:02:36 +00:00 • committed by GitHub
parent 5201c9b285
commit ed185240a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 329 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

41
res/css/structures/_RoomSearch.scss
View file

@ -35,6 +35,7 @@ limitations under the License.
mask-repeat: no-repeat;
background-color: $secondary-content;
margin-left: 7px;
margin-bottom: 2px;
}
.mx_RoomSearch_input {
@ -44,14 +45,18 @@ limitations under the License.
padding: 0;
height: 100%;
width: 100%;
font-size: $font-12px;
line-height: $font-16px;
&:not(.mx_RoomSearch_inputExpanded)::placeholder {
color: $tertiary-content !important; // !important to override default app-wide styles
}
}
.mx_RoomSearch_input,
.mx_RoomSearch_spotlightTriggerText {
font-size: $font-12px;
line-height: $font-16px;
}
&.mx_RoomSearch_hasQuery {
border-color: $secondary-content;
}
@ -108,4 +113,36 @@ limitations under the License.
}
}
}
&.mx_RoomSearch_spotlightTrigger {
cursor: pointer;
min-width: 0;
.mx_RoomSearch_spotlightTriggerText {
color: $tertiary-content;
flex: 1;
min-width: 0;
// the following rules are to match that of a real input field
overflow: hidden;
margin: 9px;
font-weight: $font-semi-bold;
}
&:hover {
background-color: $tertiary-content;
.mx_RoomSearch_spotlightTriggerText {
color: $background;
}
.mx_RoomSearch_shortcutPrompt {
background-color: $background;
color: $secondary-content;
}
.mx_RoomSearch_icon {
background-color: $background;
}
}
}
}