mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-04 04:57:51 +00:00 
			
		
		
		
	fix: Reverts popover styling for search page (#6688)
This commit is contained in:
		
				
					committed by
					
						
						GitHub
					
				
			
			
				
	
			
			
			
						parent
						
							e76b63f91d
						
					
				
				
					commit
					d2aa5f4c69
				
			@@ -76,7 +76,8 @@ export default {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  padding: var(--space-small) var(--space-normal);
 | 
			
		||||
  border-bottom: 1px solid var(--s-100);
 | 
			
		||||
  border: 1px solid var(--s-100);
 | 
			
		||||
  border-radius: var(--border-radius-small);
 | 
			
		||||
  transition: border-bottom 0.2s ease-in-out;
 | 
			
		||||
 | 
			
		||||
  input[type='search'] {
 | 
			
		||||
@@ -86,7 +87,7 @@ export default {
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.is-focused {
 | 
			
		||||
    border-bottom: 1px solid var(--w-100);
 | 
			
		||||
    border-color: var(--w-100);
 | 
			
		||||
 | 
			
		||||
    .icon {
 | 
			
		||||
      color: var(--w-400);
 | 
			
		||||
 
 | 
			
		||||
@@ -35,6 +35,6 @@ export default {
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
.tab-container {
 | 
			
		||||
  margin-top: var(--space-smaller);
 | 
			
		||||
  border-bottom: 1px solid var(--s-50);
 | 
			
		||||
  border-bottom: 1px solid var(--s-100);
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
 
 | 
			
		||||
@@ -47,7 +47,7 @@
 | 
			
		||||
            </p>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div v-else class="empty text-center">
 | 
			
		||||
            <p class="text-center">
 | 
			
		||||
            <p class="text-center margin-bottom-0">
 | 
			
		||||
              <fluent-icon icon="search" size="24px" class="icon" />
 | 
			
		||||
            </p>
 | 
			
		||||
            <p class="empty-state__text">
 | 
			
		||||
@@ -202,23 +202,21 @@ export default {
 | 
			
		||||
}
 | 
			
		||||
.search-root {
 | 
			
		||||
  margin: 0 auto;
 | 
			
		||||
  max-width: 64rem;
 | 
			
		||||
  max-width: 72rem;
 | 
			
		||||
  min-height: 48rem;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: fit-content;
 | 
			
		||||
  box-shadow: var(--shadow);
 | 
			
		||||
  padding: var(--space-normal);
 | 
			
		||||
  display: flex;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  background: white;
 | 
			
		||||
  border-radius: var(--border-radius-large);
 | 
			
		||||
  overflow-y: auto;
 | 
			
		||||
  margin-top: var(--space-large);
 | 
			
		||||
  border-top: 1px solid var(--s-25);
 | 
			
		||||
 | 
			
		||||
  .search-results {
 | 
			
		||||
    flex-grow: 1;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    max-height: 80vh;
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
    padding: 0 var(--space-small);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@@ -230,6 +228,7 @@ export default {
 | 
			
		||||
  justify-content: center;
 | 
			
		||||
  padding: var(--space-medium) var(--space-normal);
 | 
			
		||||
  border-radius: var(--border-radius-medium);
 | 
			
		||||
  margin-top: var(--space-large);
 | 
			
		||||
  .icon {
 | 
			
		||||
    color: var(--s-500);
 | 
			
		||||
  }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user