Add searchability support

This commit is contained in:
KMY 2023-04-06 04:27:52 +09:00
parent a2e674af51
commit af20b1d2aa
43 changed files with 716 additions and 65 deletions

View file

@ -468,6 +468,13 @@ body > [data-popper-placement] {
right: 0;
}
.expiration-dropdown {
position: absolute;
top: 32px;
right: 4px;
transform: scale(1.2);
}
.compose-form__autosuggest-wrapper {
position: relative;
}
@ -4642,7 +4649,8 @@ a.status-card.compact:hover {
filter: none;
}
.privacy-dropdown__dropdown {
.privacy-dropdown__dropdown,
.expiration-dropdown__dropdown {
background: $simple-background-color;
box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
border-radius: 4px;
@ -4658,16 +4666,19 @@ a.status-card.compact:hover {
}
}
.modal-root__container .privacy-dropdown {
.modal-root__container .privacy-dropdown,
.modal-root__container .expiration-dropdown {
flex-grow: 0;
}
.modal-root__container .privacy-dropdown__dropdown {
.modal-root__container .privacy-dropdown__dropdown,
.modal-root__container .ezpiration-dropdown__dropdown {
pointer-events: auto;
z-index: 9999;
}
.privacy-dropdown__option {
.privacy-dropdown__option,
.expiration-dropdown__option {
color: $inverted-text-color;
padding: 10px;
cursor: pointer;
@ -4717,8 +4728,8 @@ a.status-card.compact:hover {
}
}
.privacy-dropdown.active {
.privacy-dropdown__value {
.privacy-dropdown.active, .expiration-dropdown.active {
.privacy-dropdown__value, .expiration-dropdown__value {
background: $simple-background-color;
border-radius: 4px 4px 0 0;
box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);
@ -4736,16 +4747,26 @@ a.status-card.compact:hover {
}
}
&.top .privacy-dropdown__value {
&.top .privacy-dropdown__value, &.top .expiration-dropdown__value {
border-radius: 0 0 4px 4px;
}
.privacy-dropdown__dropdown {
.privacy-dropdown__dropdown, .expiration-dropdown__dropdown {
display: block;
box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);
}
}
.privacy-dropdown .privacy-dropdown__value.searchability {
position: relative;
.searchability-dropdown__value-overlay {
position: absolute;
right: 0;
bottom: 0;
}
}
.language-dropdown {
&__dropdown {
background: $simple-background-color;