mirror of
https://github.com/logseq/logseq.git
synced 2026-05-28 14:39:48 +00:00
138 lines
2.5 KiB
CSS
138 lines
2.5 KiB
CSS
.cp__select {
|
|
--palettle-input-height: 64px;
|
|
--palettle-container-height: 75vh;
|
|
|
|
&-main {
|
|
max-height: var(--palettle-container-height);
|
|
margin: -2rem;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
@screen lg {
|
|
width: var(--ls-main-content-max-width);
|
|
}
|
|
|
|
.menu-link {
|
|
transition: none;
|
|
border: none;
|
|
background: none;
|
|
|
|
.type-icon {
|
|
color: var(--ls-search-icon-color);
|
|
|
|
&.highlight {
|
|
color: var(--ls-selection-text-color);
|
|
border-color: var(--ls-selection-background-color);
|
|
|
|
&:before {
|
|
opacity: 0.5;
|
|
background: var(--ls-selection-background-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.chosen .type-icon,
|
|
&:hover .type-icon {
|
|
color: var(--ls-search-icon-hover-color);
|
|
}
|
|
|
|
&.chosen,
|
|
&.chosen p {
|
|
background-color: var(--lx-gray-03, var(--ls-a-chosen-bg, var(--rx-gray-03)));
|
|
color: var(--ls-secondary-text-color);
|
|
}
|
|
|
|
.dark &.chosen,
|
|
.dark &.chosen p {
|
|
background-color: var(--lx-gray-02, var(--ls-a-chosen-bg, var(--rx-gray-02)));
|
|
}
|
|
|
|
&:hover p {
|
|
color: var(--ls-secondary-text-color);
|
|
}
|
|
}
|
|
|
|
.command-results-wrap,
|
|
.item-results-wrap,
|
|
.search-results-wrap > div:first-child {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
max-height: calc(var(--palettle-container-height) - var(--palettle-input-height));
|
|
}
|
|
|
|
.input-wrap {
|
|
height: var(--palettle-input-height);
|
|
}
|
|
|
|
.cp__palette-input {
|
|
color: var(--ls-secondary-text-color);
|
|
border: none;
|
|
|
|
&:focus {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.search-result {
|
|
@apply text-sm font-medium flex items-baseline;
|
|
}
|
|
|
|
.ui__icon {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
&-input {
|
|
padding: 16px;
|
|
font-size: 16px;
|
|
outline: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
&-results {
|
|
.tip code {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
html.is-ios {
|
|
.ui__model {
|
|
&[label="ls-modal-search"] {
|
|
.panel-content {
|
|
padding-bottom: 0;
|
|
max-height: unset;
|
|
}
|
|
}
|
|
|
|
.ls-search {
|
|
@apply pb-0;
|
|
}
|
|
}
|
|
|
|
.cp__palette-main {
|
|
margin-bottom: 0;
|
|
min-height: var(--palettle-input-height);
|
|
--palettle-container-height: calc(98vh - 6rem - var(--ls-native-kb-height));
|
|
}
|
|
}
|
|
|
|
.cards-review .cp__select {
|
|
&-main {
|
|
margin: 0;
|
|
@screen lg {
|
|
width: 240px;
|
|
}
|
|
}
|
|
|
|
.input-wrap {
|
|
height: initial;
|
|
}
|
|
|
|
&-input {
|
|
padding: 16px;
|
|
font-size: 16px;
|
|
}
|
|
}
|