mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 16:40:24 +08:00 
			
		
		
		
	Fix a navbar UI bug in Safari (#18092)
This commit is contained in:
		@@ -110,6 +110,7 @@
 | 
				
			|||||||
  --color-input-border: #dedede;
 | 
					  --color-input-border: #dedede;
 | 
				
			||||||
  --color-input-border-hover: #cecece;
 | 
					  --color-input-border-hover: #cecece;
 | 
				
			||||||
  --color-navbar: #f8f8f8;
 | 
					  --color-navbar: #f8f8f8;
 | 
				
			||||||
 | 
					  --color-navbar-transparent: #f8f8f800;
 | 
				
			||||||
  --color-light: #00000006;
 | 
					  --color-light: #00000006;
 | 
				
			||||||
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
 | 
					  --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
 | 
				
			||||||
  --color-light-border: #0000001d;
 | 
					  --color-light-border: #0000001d;
 | 
				
			||||||
@@ -1355,7 +1356,7 @@ footer {
 | 
				
			|||||||
.ui.menu.new-menu::after {
 | 
					.ui.menu.new-menu::after {
 | 
				
			||||||
  position: absolute;
 | 
					  position: absolute;
 | 
				
			||||||
  display: block;
 | 
					  display: block;
 | 
				
			||||||
  background: linear-gradient(to right, transparent, var(--color-navbar) 100%);
 | 
					  background: linear-gradient(to right, var(--color-navbar-transparent), var(--color-navbar) 100%);
 | 
				
			||||||
  content: '';
 | 
					  content: '';
 | 
				
			||||||
  right: 0;
 | 
					  right: 0;
 | 
				
			||||||
  height: 39px;
 | 
					  height: 39px;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -107,6 +107,7 @@
 | 
				
			|||||||
  --color-input-border: #454a57;
 | 
					  --color-input-border: #454a57;
 | 
				
			||||||
  --color-input-border-hover: #505667;
 | 
					  --color-input-border-hover: #505667;
 | 
				
			||||||
  --color-navbar: #2a2e3a;
 | 
					  --color-navbar: #2a2e3a;
 | 
				
			||||||
 | 
					  --color-navbar-transparent: #2a2e3a00;
 | 
				
			||||||
  --color-light: #00000028;
 | 
					  --color-light: #00000028;
 | 
				
			||||||
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
 | 
					  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
 | 
				
			||||||
  --color-light-border: #ffffff28;
 | 
					  --color-light-border: #ffffff28;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user