fix: typeahead dark theme
This commit is contained in:
		
							parent
							
								
									3e1c6fa83e
								
							
						
					
					
						commit
						54aa0d4873
					
				
							
								
								
									
										30
									
								
								src/app.scss
								
								
								
								
							
							
						
						
									
										30
									
								
								src/app.scss
								
								
								
								
							| 
						 | 
				
			
			@ -266,21 +266,27 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
 | 
			
		|||
 | 
			
		||||
[data-svelte-typeahead] {
 | 
			
		||||
  display: flex;
 | 
			
		||||
 | 
			
		||||
  ul.svelte-typeahead-list {
 | 
			
		||||
    max-height: 60vh;
 | 
			
		||||
    overflow: auto;
 | 
			
		||||
 | 
			
		||||
    > li {
 | 
			
		||||
      padding: 0;
 | 
			
		||||
      &:not(:last-of-type) {
 | 
			
		||||
        border-bottom: 0 none;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
  background-color: transparent !important;
 | 
			
		||||
  
 | 
			
		||||
  &[aria-expanded="true"] {
 | 
			
		||||
    z-index: 3;
 | 
			
		||||
 | 
			
		||||
    ul.svelte-typeahead-list {
 | 
			
		||||
      @extend .dropdown-content;
 | 
			
		||||
      max-height: 60vh;
 | 
			
		||||
      overflow: auto;
 | 
			
		||||
  
 | 
			
		||||
      > li {
 | 
			
		||||
        padding: 0;
 | 
			
		||||
        border-bottom: 0 none;
 | 
			
		||||
 | 
			
		||||
        &.selected {
 | 
			
		||||
          @media (prefers-color-scheme: dark) {
 | 
			
		||||
            background-color: #2a2a2a;
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  [data-svelte-search] {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue