oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Add CSS rules for basic colored labels (#23774)

Before:

<img width="164" alt="Screenshot 2023-03-28 at 23 35 46"
src="https://user-images.githubusercontent.com/115237/228372437-663111b9-7285-4fa2-9125-fb5e1cad21d7.png">

After:
<img width="166" alt="Screenshot 2023-03-28 at 23 35 54"
src="https://user-images.githubusercontent.com/115237/228372441-49430517-6b2d-4389-b11c-c30a724f6de7.png">

Also I removed the `!important` on the primary label as it's very likely
unnecessary with the amount of specificity the selector already has.

authored by

silverwind and committed by
GitHub 79e7a6ec 92c160d8

+101 -3
+101 -3
web_src/css/base.css
··· 2399 2399 2400 2400 .ui.basic.labels .primary.label, 2401 2401 .ui.ui.ui.basic.primary.label { 2402 - background: transparent !important; 2403 - border-color: var(--color-primary) !important; 2404 - color: var(--color-primary) !important; 2402 + background: transparent; 2403 + border-color: var(--color-primary); 2404 + color: var(--color-primary); 2405 + } 2406 + 2407 + .ui.basic.labels .secondary.label, 2408 + .ui.ui.ui.basic.secondary.label { 2409 + background: transparent; 2410 + border-color: var(--color-secondary); 2411 + color: var(--color-secondary); 2412 + } 2413 + 2414 + .ui.basic.labels .orange.label, 2415 + .ui.ui.ui.basic.orange.label { 2416 + background: transparent; 2417 + border-color: var(--color-orange); 2418 + color: var(--color-orange); 2419 + } 2420 + 2421 + .ui.basic.labels .green.label, 2422 + .ui.ui.ui.basic.green.label { 2423 + background: transparent; 2424 + border-color: var(--color-green); 2425 + color: var(--color-green); 2426 + } 2427 + 2428 + .ui.basic.labels .olive.label, 2429 + .ui.ui.ui.basic.olive.label { 2430 + background: transparent; 2431 + border-color: var(--color-olive); 2432 + color: var(--color-olive); 2433 + } 2434 + 2435 + .ui.basic.labels .teal.label, 2436 + .ui.ui.ui.basic.teal.label { 2437 + background: transparent; 2438 + border-color: var(--color-teal); 2439 + color: var(--color-teal); 2440 + } 2441 + 2442 + .ui.basic.labels .blue.label, 2443 + .ui.ui.ui.basic.blue.label { 2444 + background: transparent; 2445 + border-color: var(--color-blue); 2446 + color: var(--color-blue); 2447 + } 2448 + 2449 + .ui.basic.labels .violet.label, 2450 + .ui.ui.ui.basic.violet.label { 2451 + background: transparent; 2452 + border-color: var(--color-violet); 2453 + color: var(--color-violet); 2454 + } 2455 + 2456 + .ui.basic.labels .purple.label, 2457 + .ui.ui.ui.basic.purple.label { 2458 + background: transparent; 2459 + border-color: var(--color-purple); 2460 + color: var(--color-purple); 2461 + } 2462 + 2463 + .ui.basic.labels .pink.label, 2464 + .ui.ui.ui.basic.pink.label { 2465 + background: transparent; 2466 + border-color: var(--color-pink); 2467 + color: var(--color-pink); 2468 + } 2469 + 2470 + .ui.basic.labels .red.label, 2471 + .ui.ui.ui.basic.red.label { 2472 + background: transparent; 2473 + border-color: var(--color-red); 2474 + color: var(--color-red); 2475 + } 2476 + 2477 + .ui.basic.labels .brown.label, 2478 + .ui.ui.ui.basic.brown.label { 2479 + background: transparent; 2480 + border-color: var(--color-brown); 2481 + color: var(--color-brown); 2482 + } 2483 + 2484 + .ui.basic.labels .yellow.label, 2485 + .ui.ui.ui.basic.yellow.label { 2486 + background: transparent; 2487 + border-color: var(--color-yellow); 2488 + color: var(--color-yellow); 2489 + } 2490 + 2491 + .ui.basic.labels .grey.label, 2492 + .ui.ui.ui.basic.grey.label { 2493 + background: transparent; 2494 + border-color: var(--color-grey); 2495 + color: var(--color-grey); 2496 + } 2497 + 2498 + .ui.basic.labels .black.label, 2499 + .ui.ui.ui.basic.black.label { 2500 + background: transparent; 2501 + border-color: var(--color-black); 2502 + color: var(--color-black); 2405 2503 } 2406 2504 2407 2505 .ui.basic.labels .label,