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

Move New Search Experience out of beta (#8859)

Browse source
This commit is contained in:
Janne Mareike Koschinski 2022-06-28 12:02:08 +02:00 • committed by GitHub
parent e1d6356927
commit 8b841951db
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 18 additions and 386 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -38,64 +38,11 @@ limitations under the License.
margin-bottom: 2px;
}
.mx_RoomSearch_input {
border: none !important; // !important to override default app-wide styles
flex: 1 !important; // !important to override default app-wide styles
color: $primary-content !important; // !important to override default app-wide styles
padding: 0;
height: 100%;
width: 100%;
&: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;
}
&.mx_RoomSearch_focused {
box-shadow: 0 0 4px 4px rgba(0, 132, 255, 0.5);
border-color: transparent;
}
&.mx_RoomSearch_focused, &.mx_RoomSearch_hasQuery {
background-color: $background;
.mx_RoomSearch_clearButton {
width: 16px;
height: 16px;
margin-right: 8px;
background-color: $quinary-content;
border-radius: 50%;
position: relative;
&::before {
content: "";
position: absolute;
width: inherit;
height: inherit;
mask-image: url('$(res)/img/feather-customised/x.svg');
mask-position: center;
mask-size: 12px;
mask-repeat: no-repeat;
background-color: $secondary-content;
}
}
}
.mx_RoomSearch_clearButton {
width: 0;
height: 0;
}
&.mx_RoomSearch_minimized {
height: 32px;
min-height: 32px;

6
res/css/views/dialogs/_SpotlightDialog.scss
View file

@ -465,12 +465,6 @@ limitations under the License.
display: flex;
border-top: 1px solid $quinary-content;
.mx_BetaCard_betaPill {
margin-right: 12px;
height: min-content;
align-self: center;
}
> span {
align-self: center;