Feature #44723 » increase-initials-avatar-colors.patch
| app/assets/stylesheets/application.css | ||
|---|---|---|
| 2496 | 2496 |
} |
| 2497 | 2497 | |
| 2498 | 2498 |
.avatar-color-0 {
|
| 2499 |
background-color: var(--oc-red-7);
|
|
| 2499 |
background-color: var(--oc-blue-9);
|
|
| 2500 | 2500 |
color: var(--oc-white); |
| 2501 | 2501 |
} |
| 2502 | 2502 |
.avatar-color-1 {
|
| ... | ... | |
| 2504 | 2504 |
color: var(--oc-white); |
| 2505 | 2505 |
} |
| 2506 | 2506 |
.avatar-color-2 {
|
| 2507 |
background-color: var(--oc-yellow-4);
|
|
| 2508 |
color: var(--oc-black);
|
|
| 2507 |
background-color: var(--oc-indigo-6);
|
|
| 2508 |
color: var(--oc-white);
|
|
| 2509 | 2509 |
} |
| 2510 | 2510 |
.avatar-color-3 {
|
| 2511 |
background-color: var(--oc-green-7);
|
|
| 2511 |
background-color: var(--oc-red-8);
|
|
| 2512 | 2512 |
color: var(--oc-white); |
| 2513 | 2513 |
} |
| 2514 | 2514 |
.avatar-color-4 {
|
| ... | ... | |
| 2516 | 2516 |
color: var(--oc-white); |
| 2517 | 2517 |
} |
| 2518 | 2518 |
.avatar-color-5 {
|
| 2519 |
background-color: var(--oc-blue-7);
|
|
| 2519 |
background-color: var(--oc-pink-9);
|
|
| 2520 | 2520 |
color: var(--oc-white); |
| 2521 | 2521 |
} |
| 2522 | 2522 |
.avatar-color-6 {
|
| 2523 |
background-color: var(--oc-grape-7);
|
|
| 2524 |
color: var(--oc-white);
|
|
| 2523 |
background-color: var(--oc-teal-3);
|
|
| 2524 |
color: var(--oc-black);
|
|
| 2525 | 2525 |
} |
| 2526 | 2526 |
.avatar-color-7 {
|
| 2527 |
background-color: var(--oc-grape-8); |
|
| 2528 |
color: var(--oc-white); |
|
| 2529 |
} |
|
| 2530 |
.avatar-color-8 {
|
|
| 2531 |
background-color: var(--oc-yellow-5); |
|
| 2532 |
color: var(--oc-black); |
|
| 2533 |
} |
|
| 2534 |
.avatar-color-9 {
|
|
| 2535 |
background-color: var(--oc-violet-3); |
|
| 2536 |
color: var(--oc-black); |
|
| 2537 |
} |
|
| 2538 |
.avatar-color-10 {
|
|
| 2539 |
background-color: var(--oc-lime-4); |
|
| 2540 |
color: var(--oc-black); |
|
| 2541 |
} |
|
| 2542 |
.avatar-color-11 {
|
|
| 2527 | 2543 |
background-color: var(--oc-pink-5); |
| 2528 | 2544 |
color: var(--oc-white); |
| 2529 | 2545 |
} |
| 2546 |
.avatar-color-12 {
|
|
| 2547 |
background-color: var(--oc-green-6); |
|
| 2548 |
color: var(--oc-black); |
|
| 2549 |
} |
|
| 2550 |
.avatar-color-13 {
|
|
| 2551 |
background-color: var(--oc-grape-5); |
|
| 2552 |
color: var(--oc-white); |
|
| 2553 |
} |
|
| 2554 |
.avatar-color-14 {
|
|
| 2555 |
background-color: var(--oc-teal-9); |
|
| 2556 |
color: var(--oc-white); |
|
| 2557 |
} |
|
| 2558 |
.avatar-color-15 {
|
|
| 2559 |
background-color: var(--oc-red-3); |
|
| 2560 |
color: var(--oc-black); |
|
| 2561 |
} |
|
| 2530 | 2562 | |
| 2531 | 2563 |
/* Reaction styles */ |
| 2532 | 2564 |
.reaction-button:hover, .reaction-button:active {
|
| app/helpers/avatars_helper.rb | ||
|---|---|---|
| 145 | 145 |
def initials_avatar_tag(user, options) |
| 146 | 146 |
size = (options.delete(:size) || GravatarHelper::DEFAULT_OPTIONS[:size]).to_i |
| 147 | 147 | |
| 148 |
css_class = ["avatar-color-#{user.id % 8}", "s#{size}", options[:class]].compact.join(' ')
|
|
| 148 |
css_class = ["avatar-color-#{user.id % 16}", "s#{size}", options[:class]].compact.join(' ')
|
|
| 149 | 149 | |
| 150 | 150 |
content_tag('span', user.initials, role: 'img', class: css_class, title: options[:title])
|
| 151 | 151 |
end |
| test/helpers/avatars_helper_test.rb | ||
|---|---|---|
| 122 | 122 | |
| 123 | 123 |
def test_avatar_disabled_should_display_user_initials |
| 124 | 124 |
with_settings :gravatar_enabled => '0' do |
| 125 |
assert_equal "<span role=\"img\" class=\"avatar-color-2 s24 avatar active\">JS</span>", avatar(User.find_by_mail('jsmith@somenet.foo'))
|
|
| 125 |
assert_equal "<span role=\"img\" class=\"avatar-color-8 s24 avatar active\">UM</span>", avatar(User.find_by_mail('miscuser8@foo.bar'))
|
|
| 126 | 126 |
end |
| 127 | 127 |
end |
| 128 | 128 | |
- « Previous
- 1
- 2
- 3
- Next »
