mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 08:30:25 +08:00 
			
		
		
		
	## Changes - no more hardcoded `border-radius`es (apart from `0`) - no more value inconsistencies - no more guessing what pixel value you should use - two new variables: - `--border-radius-medium` (for elements where the normal border radius does not suffice) - `--border-radius-circle` (for displaying circles) --------- Co-authored-by: silverwind <me@silverwind.io>
		
			
				
	
	
		
			67 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			67 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
.issue-list-toolbar {
 | 
						|
  display: flex;
 | 
						|
  flex-wrap: wrap-reverse;
 | 
						|
  justify-content: space-between;
 | 
						|
  align-items: flex-start;
 | 
						|
  gap: 1rem;
 | 
						|
  margin-top: 1rem;
 | 
						|
}
 | 
						|
 | 
						|
.issue-list-toolbar-left {
 | 
						|
  display: flex;
 | 
						|
}
 | 
						|
 | 
						|
.issue-list-toolbar-right .filter.menu {
 | 
						|
  flex-direction: row;
 | 
						|
  flex-wrap: wrap;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 767.98px) {
 | 
						|
  .issue-list-toolbar-right .dropdown .menu {
 | 
						|
    left: auto !important;
 | 
						|
    right: auto !important;
 | 
						|
  }
 | 
						|
  .issue-list-navbar {
 | 
						|
    order: 0;
 | 
						|
  }
 | 
						|
  .issue-list-new {
 | 
						|
    order: 1;
 | 
						|
    margin-left: auto !important;
 | 
						|
  }
 | 
						|
  .issue-list-search {
 | 
						|
    order: 2 !important;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .branches {
 | 
						|
  display: inline-flex;
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .branches .branch {
 | 
						|
  background-color: var(--color-secondary-alpha-40);
 | 
						|
  border-radius: var(--border-radius);
 | 
						|
  padding: 0 4px;
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .branches .truncated-name {
 | 
						|
  white-space: nowrap;
 | 
						|
  overflow: hidden;
 | 
						|
  text-overflow: ellipsis;
 | 
						|
  max-width: 10em;
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .checklist progress {
 | 
						|
  margin-left: 2px;
 | 
						|
  width: 80px;
 | 
						|
  height: 6px;
 | 
						|
  display: inline-block;
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .checklist progress::-webkit-progress-value {
 | 
						|
  background-color: var(--color-secondary-dark-4);
 | 
						|
}
 | 
						|
 | 
						|
#issue-list .flex-item-body .checklist progress::-moz-progress-bar {
 | 
						|
  background-color: var(--color-secondary-dark-4);
 | 
						|
}
 |