Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-24 20:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Full-text search within conversation

Browse Source
This commit is contained in:
Scott Nonnenberg
2019-08-09 16:12:29 -07:00
parent 6292019d30
commit c39d5a811a
26 changed files with 697 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
stylesheets/_modules.scss
View File

@@ -1644,12 +1644,17 @@
align-items: center;
padding-left: 8px;
padding-right: 8px;
transition: opacity 250ms ease-out;
&--hidden {
opacity: 0;
}
}
.module-conversation-header__expiration__clock-icon {
@include color-svg('../images/timer.svg', $color-gray-60);
height: 20px;
width: 20px;
height: 24px;
width: 24px;
display: inline-block;
}
@@ -1658,11 +1663,29 @@
text-align: center;
}
.module-conversation-header__gear-icon {
@include color-svg('../images/gear.svg', $color-gray-60);
height: 20px;
width: 20px;
margin-left: 4px;
.module-conversation-header__more-button {
@include color-svg('../images/more-h-24.svg', $color-gray-75);
height: 24px;
width: 24px;
margin-left: 12px;
border: none;
opacity: 0;
transition: opacity 250ms ease-out;
&:disabled {
cursor: default;
}
&--show {
opacity: 1;
}
}
.module-conversation-header__search-button {
@include color-svg('../images/search-24.svg', $color-gray-75);
height: 24px;
width: 24px;
margin-left: 12px;
border: none;
opacity: 0;
transition: opacity 250ms ease-out;
@@ -2402,6 +2425,10 @@
}
}
.module-main-header__search__input--in-conversation {
padding-left: 50px;
}
.module-main-header__search__icon {
position: absolute;
left: 8px;
@@ -2413,6 +2440,41 @@
@include color-svg('../images/search.svg', $color-gray-60);
}
.module-main-header__search__in-conversation-pill {
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
border-radius: 14px;
width: 42px;
background-color: $color-gray-05;
display: flex;
flex-direction: row;
align-items: center;
}
.module-main-header__search__in-conversation-pill__avatar-container {
margin-left: 4px;
height: 16px;
width: 16px;
border-radius: 8px;
background-color: $color-signal-blue;
}
.module-main-header__search__in-conversation-pill__avatar {
height: 16px;
width: 16px;
@include color-svg('../images/profile-solid-16.svg', $color-white);
}
.module-main-header__search__in-conversation-pill__x-button {
margin-left: 2px;
@include color-svg('../images/x.svg', $color-gray-60);
height: 16px;
width: 16px;
}
.module-main-header__search__cancel-icon {
position: absolute;
right: 8px;
@@ -3142,8 +3204,24 @@
.module-search-results__no-results {
margin-top: 27px;
padding-left: 1em;
padding-right: 1em;
width: 100%;
text-align: center;
animation: delayed-fade-in 2s;
}
@keyframes delayed-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.module-search-results__contacts-header {
@@ -3872,10 +3950,10 @@
min-width: 24px;
min-height: 24px;
@include light-theme {
@include color-svg('../images/more-h.svg', $color-gray-60);
@include color-svg('../images/more-h-24.svg', $color-gray-60);
}
@include dark-theme {
@include color-svg('../images/more-h.svg', $color-gray-25);
@include color-svg('../images/more-h-24.svg', $color-gray-25);
}
}
}

31
stylesheets/_theme_dark.scss
View File

@@ -1148,7 +1148,7 @@ body.dark-theme {
}
.module-conversation-header__back-icon {
@include color-svg('../images/back.svg', $color-dark-05);
background-color: $color-dark-05;
}
.module-conversation-header__title {
@@ -1160,15 +1160,19 @@ body.dark-theme {
}
.module-conversation-header__title__verified-icon {
@include color-svg('../images/verified-check.svg', $color-dark-05);
background-color: $color-dark-05;
}
.module-conversation-header__expiration__clock-icon {
@include color-svg('../images/timer.svg', $color-dark-30);
background-color: $color-gray-25;
}
.module-conversation-header__gear-icon {
@include color-svg('../images/gear.svg', $color-dark-30);
.module-conversation-header__more-button {
background-color: $color-gray-15;
}
.module-conversation-header__search-button {
background-color: $color-gray-15;
}
// Module: Message Detail
@@ -1398,11 +1402,24 @@ body.dark-theme {
}
.module-main-header__search__icon {
@include color-svg('../images/search.svg', $color-gray-25);
background-color: $color-gray-25;
}
.module-main-header__search__cancel-icon {
@include color-svg('../images/x-16.svg', $color-gray-25);
background-color: $color-gray-25;
}
.module-main-header__search__in-conversation-pill {
background-color: $color-gray-75;
}
.module-main-header__search__in-conversation-pill__avatar-container {
background-color: $color-signal-blue;
}
.module-main-header__search__in-conversation-pill__avatar {
background-color: $color-gray-05;
}
.module-main-header__search__in-conversation-pill__x-button {
background-color: $color-gray-25;
}
// Module: Image