| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- .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;
- border-radius: unset !important;
- 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: or(--logseq-og-cp-chosen, --lx-gray-03, --ls-a-chosen-bg);
- color: var(--ls-secondary-text-color);
- }
- .dark &.chosen,
- .dark &.chosen p {
- background-color: or(--logseq-og-cp-chosen, --lx-gray-02, --ls-a-chosen-bg);
- }
- &: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: 20px;
- outline: none;
- }
- &-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;
- }
- }
|