signal-desktop/stylesheets/components/LeftPaneSearchInput.scss
2023-01-03 11:55:46 -08:00

62 lines
1.3 KiB
SCSS

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.LeftPaneSearchInput {
&__input--with-children.module-SearchInput__input--with-children {
padding-left: 50px;
}
&__in-conversation-pill {
@include button-reset;
@include rounded-corners;
align-items: center;
bottom: 3px;
display: flex;
flex-direction: row;
left: 3px;
padding: 0 3px 0 0;
position: absolute;
top: 5px;
@include light-theme {
background-color: $color-gray-25;
}
@include dark-theme {
background-color: $color-gray-80;
}
&__x-button {
height: 16px;
margin-left: 2px;
width: 16px;
@include light-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
}
@include dark-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
}
@include light-theme {
&:hover,
&:focus,
&:active {
background: $color-ultramarine;
}
}
@include dark-theme {
&:hover,
&:focus,
&:active {
background: $color-ultramarine-light;
}
}
}
}
.module-left-pane--width-narrow & {
&__container {
display: none;
}
}
}