mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 09:31:53 +01:00 
			
		
		
		
	CSS is pretty slim already and the `.ui.toggle.checkbox` sliders on admin page also still work. The only necessary JS is the one that links `input` and `label` so that it can be toggled via label. All checkboxes except the markdown ones render at `--checkbox-size: 16px` now. <img width="174" alt="Screenshot 2024-03-28 at 22 15 10" src="https://github.com/go-gitea/gitea/assets/115237/3455c1bb-166b-47e4-9847-2d20dd1f04db"> <img width="499" alt="Screenshot 2024-03-28 at 21 00 07" src="https://github.com/go-gitea/gitea/assets/115237/412be2b3-d5a0-478a-b17b-43e6bc12e8ce"> <img width="83" alt="Screenshot 2024-03-28 at 22 14 34" src="https://github.com/go-gitea/gitea/assets/115237/d8c89838-a420-4723-8c49-89405bb39474"> --------- Co-authored-by: delvh <dev.lh@web.de>
		
			
				
	
	
		
			93 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			93 lines
		
	
	
		
			1.8 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;
 | |
|   align-items: center;
 | |
| }
 | |
| 
 | |
| .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-title .labels-list {
 | |
|   display: flex;
 | |
|   flex-wrap: wrap;
 | |
|   gap: 0.25em;
 | |
| }
 | |
| 
 | |
| #issue-list .flex-item-title .labels-list a {
 | |
|   display: flex;
 | |
|   text-decoration: none;
 | |
| }
 | |
| 
 | |
| #issue-list .flex-item-title .labels-list .label {
 | |
|   padding: 0 6px;
 | |
|   margin: 0;
 | |
|   min-height: 20px;
 | |
| }
 | |
| 
 | |
| #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);
 | |
| }
 | |
| 
 | |
| .archived-label-filter {
 | |
|   margin-left: 10px;
 | |
|   font-size: 12px;
 | |
|   display: flex !important;
 | |
|   margin-bottom: 8px;
 | |
|   min-width: fit-content;
 | |
| }
 |