mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 11:28:24 +00: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);
 | |
| }
 |