Browse Source

Update score badges to latest design

Remove old badges and adjust things.
pull/4462/head
nanaya 4 weeks ago
parent
commit
151e9bb989
50 changed files with 215 additions and 90 deletions
  1. BIN
      public/images/badges/score-ranks-v2/A.png
  2. BIN
      public/images/badges/score-ranks-v2/A@2x.png
  3. BIN
      public/images/badges/score-ranks-v2/B.png
  4. BIN
      public/images/badges/score-ranks-v2/B@2x.png
  5. BIN
      public/images/badges/score-ranks-v2/C.png
  6. BIN
      public/images/badges/score-ranks-v2/C@2x.png
  7. BIN
      public/images/badges/score-ranks-v2/F.png
  8. BIN
      public/images/badges/score-ranks-v2/F@2x.png
  9. BIN
      public/images/badges/score-ranks-v2/S+.png
  10. BIN
      public/images/badges/score-ranks-v2/S+@2x.png
  11. BIN
      public/images/badges/score-ranks-v2/S.png
  12. BIN
      public/images/badges/score-ranks-v2/S@2x.png
  13. BIN
      public/images/badges/score-ranks-v2/SS+.png
  14. BIN
      public/images/badges/score-ranks-v2/SS+@2x.png
  15. BIN
      public/images/badges/score-ranks-v2/SS.png
  16. BIN
      public/images/badges/score-ranks-v2/SS@2x.png
  17. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-A.svg
  18. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-B.svg
  19. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-C.svg
  20. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-D.svg
  21. 26
    0
      public/images/badges/score-ranks-v2019/GradeSmall-S-Gold.svg
  22. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-S.svg
  23. 26
    0
      public/images/badges/score-ranks-v2019/GradeSmall-SS-Gold.svg
  24. 22
    0
      public/images/badges/score-ranks-v2019/GradeSmall-SS.svg
  25. BIN
      public/images/badges/score-ranks/Score-A-Small-60.png
  26. BIN
      public/images/badges/score-ranks/Score-A-Small-60@2x.png
  27. BIN
      public/images/badges/score-ranks/Score-B-Small-60.png
  28. BIN
      public/images/badges/score-ranks/Score-B-Small-60@2x.png
  29. BIN
      public/images/badges/score-ranks/Score-C-Small-60.png
  30. BIN
      public/images/badges/score-ranks/Score-C-Small-60@2x.png
  31. BIN
      public/images/badges/score-ranks/Score-F-Small-60.png
  32. BIN
      public/images/badges/score-ranks/Score-F-Small-60@2x.png
  33. BIN
      public/images/badges/score-ranks/Score-S-Small-60.png
  34. BIN
      public/images/badges/score-ranks/Score-S-Small-60@2x.png
  35. BIN
      public/images/badges/score-ranks/Score-SPlus-Small-60.png
  36. BIN
      public/images/badges/score-ranks/Score-SPlus-Small-60@2x.png
  37. BIN
      public/images/badges/score-ranks/Score-SS-Small-60.png
  38. BIN
      public/images/badges/score-ranks/Score-SS-Small-60@2x.png
  39. BIN
      public/images/badges/score-ranks/Score-SSPlus-Small-60.png
  40. BIN
      public/images/badges/score-ranks/Score-SSPlus-Small-60@2x.png
  41. 1
    1
      resources/assets/coffee/react/beatmapset-page/score-top.coffee
  42. 1
    1
      resources/assets/coffee/react/beatmapset-page/scoreboard-table-row.coffee
  43. 1
    1
      resources/assets/coffee/react/profile-page/rank-count.coffee
  44. 1
    1
      resources/assets/coffee/react/profile-page/recent-activity.coffee
  45. 1
    2
      resources/assets/less/bem-index.less
  46. 0
    69
      resources/assets/less/bem/badge-rank.less
  47. 9
    7
      resources/assets/less/bem/profile-extra-entries.less
  48. 5
    0
      resources/assets/less/bem/profile-rank-count.less
  49. 10
    6
      resources/assets/less/bem/score-rank.less
  50. 2
    2
      resources/assets/lib/play-detail.coffee

BIN
public/images/badges/score-ranks-v2/A.png View File


BIN
public/images/badges/score-ranks-v2/A@2x.png View File


BIN
public/images/badges/score-ranks-v2/B.png View File


BIN
public/images/badges/score-ranks-v2/B@2x.png View File


BIN
public/images/badges/score-ranks-v2/C.png View File


BIN
public/images/badges/score-ranks-v2/C@2x.png View File


BIN
public/images/badges/score-ranks-v2/F.png View File


BIN
public/images/badges/score-ranks-v2/F@2x.png View File


BIN
public/images/badges/score-ranks-v2/S+.png View File


BIN
public/images/badges/score-ranks-v2/S+@2x.png View File


BIN
public/images/badges/score-ranks-v2/S.png View File


BIN
public/images/badges/score-ranks-v2/S@2x.png View File


BIN
public/images/badges/score-ranks-v2/SS+.png View File


BIN
public/images/badges/score-ranks-v2/SS+@2x.png View File


BIN
public/images/badges/score-ranks-v2/SS.png View File


BIN
public/images/badges/score-ranks-v2/SS@2x.png View File


+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-A.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#86B900"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M18.5418 5.49208C18.0138 4.47208 17.4018 3.75208 15.9978 3.75208C14.5938 3.75208 13.9698 4.47208 13.4538 5.49208L10.0938 12.0801H11.9298L12.9738 10.0521H19.0218L20.0658 12.0801H21.9138L18.5418 5.49208ZM18.2298 8.52808H13.7538L15.1458 5.84008C15.3258 5.49208 15.5538 5.27608 15.9978 5.27608C16.4418 5.27608 16.6698 5.49208 16.8498 5.84008L18.2298 8.52808Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.09381" y="2.7522" width="15.82" height="12.328" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-B.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#F89125"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M21.1726 6.04408C21.1726 5.43208 20.9806 3.87208 18.0166 3.87208H10.9966V12.0801H18.1846C20.4526 12.0801 21.3886 11.1561 21.3886 9.86008C21.3886 8.92408 20.8966 8.21608 19.7686 7.89208C20.6086 7.62808 21.1726 7.07608 21.1726 6.04408ZM18.2446 8.61208C19.3726 8.61208 19.6966 9.17608 19.6966 9.63208C19.6966 10.0881 19.3726 10.5441 18.3646 10.5441H12.6526V8.61208H18.2446ZM12.6526 7.14808V5.38408H18.2446C19.1206 5.38408 19.5046 5.75608 19.5046 6.28408C19.5046 6.84808 19.0606 7.14808 18.1246 7.14808H12.6526Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.99658" y="2.87207" width="14.392" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-C.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#EB3816"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M21.2465 3.87208H14.7545C11.8025 3.87208 10.7945 5.27608 10.7945 7.97608C10.7945 10.6761 11.8025 12.0801 14.7545 12.0801H21.2465V10.4001H14.7545C12.7865 10.4001 12.5465 9.54808 12.5465 7.97608C12.5465 6.40408 12.7865 5.54008 14.7545 5.54008H21.2465V3.87208Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.79449" y="2.87207" width="14.452" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-D.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#880000"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M10.8384 12.0801H17.5824C20.5224 12.0801 21.5304 10.6761 21.5304 7.97608C21.5304 5.27608 20.5224 3.87208 17.5824 3.87208H10.8384V12.0801ZM19.7784 7.97608C19.7784 9.54808 19.5384 10.4001 17.5824 10.4001H12.5544V5.54008H17.5824C19.5384 5.54008 19.7784 6.40408 19.7784 7.97608Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.83835" y="2.87207" width="14.692" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

+ 26
- 0
public/images/badges/score-ranks-v2019/GradeSmall-S-Gold.svg View File

@@ -0,0 +1,26 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#0E6C98"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M10.8888 10.5441V12.0801H18.0768C20.3928 12.0801 21.2808 11.0961 21.2808 9.70408C21.2808 8.04808 20.0328 7.43608 18.1008 7.28008L14.3208 6.98008C12.9768 6.87208 12.6648 6.63208 12.6648 6.17608C12.6648 5.62408 13.1208 5.40808 13.9248 5.40808H20.7528V3.87208H14.0808C12.3888 3.87208 10.9248 4.48408 10.9248 6.22408C10.9248 7.73608 12.0288 8.39608 13.8768 8.54008L17.8488 8.85208C19.0248 8.94808 19.5168 9.22408 19.5168 9.77608C19.5168 10.2321 19.1928 10.5441 18.1848 10.5441H10.8888Z" fill="url(#paint0_linear)"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.88879" y="2.87207" width="14.392" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<linearGradient id="paint0_linear" x1="16" y1="2.08008" x2="16" y2="16.0001" gradientUnits="userSpaceOnUse">
19
+<stop stop-color="#FFC700"/>
20
+<stop offset="1" stop-color="white"/>
21
+</linearGradient>
22
+<clipPath id="clip0">
23
+<rect width="32" height="16" fill="white"/>
24
+</clipPath>
25
+</defs>
26
+</svg>

+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-S.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#0E6C98"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M10.8888 10.5441V12.0801H18.0768C20.3928 12.0801 21.2808 11.0961 21.2808 9.70408C21.2808 8.04808 20.0328 7.43608 18.1008 7.28008L14.3208 6.98008C12.9768 6.87208 12.6648 6.63208 12.6648 6.17608C12.6648 5.62408 13.1208 5.40808 13.9248 5.40808H20.7528V3.87208H14.0808C12.3888 3.87208 10.9248 4.48408 10.9248 6.22408C10.9248 7.73608 12.0288 8.39608 13.8768 8.54008L17.8488 8.85208C19.0248 8.94808 19.5168 9.22408 19.5168 9.77608C19.5168 10.2321 19.1928 10.5441 18.1848 10.5441H10.8888Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="8.88879" y="2.87207" width="14.392" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

+ 26
- 0
public/images/badges/score-ranks-v2019/GradeSmall-SS-Gold.svg View File

@@ -0,0 +1,26 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#7A1E75"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M6.00559 10.5441V12.0801H13.1936C15.5096 12.0801 16.3976 11.0961 16.3976 9.70408C16.3976 8.04808 15.1496 7.43608 13.2176 7.28008L9.43759 6.98008C8.09359 6.87208 7.78159 6.63208 7.78159 6.17608C7.78159 5.62408 8.23759 5.40808 9.04159 5.40808H15.8696V3.87208H9.19759C7.50559 3.87208 6.04159 4.48408 6.04159 6.22408C6.04159 7.73608 7.14559 8.39608 8.99359 8.54008L12.9656 8.85208C14.1416 8.94808 14.6336 9.22408 14.6336 9.77608C14.6336 10.2321 14.3096 10.5441 13.3016 10.5441H6.00559ZM15.772 10.5441V12.0801H22.96C25.276 12.0801 26.164 11.0961 26.164 9.70408C26.164 8.04808 24.916 7.43608 22.984 7.28008L19.204 6.98008C17.86 6.87208 17.548 6.63208 17.548 6.17608C17.548 5.62408 18.004 5.40808 18.808 5.40808H25.636V3.87208H18.964C17.272 3.87208 15.808 4.48408 15.808 6.22408C15.808 7.73608 16.912 8.39608 18.76 8.54008L22.732 8.85208C23.908 8.94808 24.4 9.22408 24.4 9.77608C24.4 10.2321 24.076 10.5441 23.068 10.5441H15.772Z" fill="url(#paint0_linear)"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="4.00562" y="2.87207" width="24.1584" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<linearGradient id="paint0_linear" x1="16" y1="2.08008" x2="16" y2="16.0001" gradientUnits="userSpaceOnUse">
19
+<stop stop-color="#FFC700"/>
20
+<stop offset="1" stop-color="white"/>
21
+</linearGradient>
22
+<clipPath id="clip0">
23
+<rect width="32" height="16" fill="white"/>
24
+</clipPath>
25
+</defs>
26
+</svg>

+ 22
- 0
public/images/badges/score-ranks-v2019/GradeSmall-SS.svg View File

@@ -0,0 +1,22 @@
1
+<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+<g clip-path="url(#clip0)">
3
+<rect width="32" height="16" rx="8" fill="#7A1E75"/>
4
+<g filter="url(#filter0_d)">
5
+<path d="M6.00559 10.5441V12.0801H13.1936C15.5096 12.0801 16.3976 11.0961 16.3976 9.70408C16.3976 8.04808 15.1496 7.43608 13.2176 7.28008L9.43759 6.98008C8.09359 6.87208 7.78159 6.63208 7.78159 6.17608C7.78159 5.62408 8.23759 5.40808 9.04159 5.40808H15.8696V3.87208H9.19759C7.50559 3.87208 6.04159 4.48408 6.04159 6.22408C6.04159 7.73608 7.14559 8.39608 8.99359 8.54008L12.9656 8.85208C14.1416 8.94808 14.6336 9.22408 14.6336 9.77608C14.6336 10.2321 14.3096 10.5441 13.3016 10.5441H6.00559ZM15.772 10.5441V12.0801H22.96C25.276 12.0801 26.164 11.0961 26.164 9.70408C26.164 8.04808 24.916 7.43608 22.984 7.28008L19.204 6.98008C17.86 6.87208 17.548 6.63208 17.548 6.17608C17.548 5.62408 18.004 5.40808 18.808 5.40808H25.636V3.87208H18.964C17.272 3.87208 15.808 4.48408 15.808 6.22408C15.808 7.73608 16.912 8.39608 18.76 8.54008L22.732 8.85208C23.908 8.94808 24.4 9.22408 24.4 9.77608C24.4 10.2321 24.076 10.5441 23.068 10.5441H15.772Z" fill="white"/>
6
+</g>
7
+</g>
8
+<defs>
9
+<filter id="filter0_d" x="4.00562" y="2.87207" width="24.1584" height="12.208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
12
+<feOffset dy="1"/>
13
+<feGaussianBlur stdDeviation="1"/>
14
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
15
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
16
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
17
+</filter>
18
+<clipPath id="clip0">
19
+<rect width="32" height="16" fill="white"/>
20
+</clipPath>
21
+</defs>
22
+</svg>

BIN
public/images/badges/score-ranks/Score-A-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-A-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-B-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-B-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-C-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-C-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-F-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-F-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-S-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-S-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-SPlus-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-SPlus-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-SS-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-SS-Small-60@2x.png View File


BIN
public/images/badges/score-ranks/Score-SSPlus-Small-60.png View File


BIN
public/images/badges/score-ranks/Score-SSPlus-Small-60@2x.png View File


+ 1
- 1
resources/assets/coffee/react/beatmapset-page/score-top.coffee View File

@@ -33,7 +33,7 @@ export ScoreTop = (props) ->
33 33
       div className: "#{bn}__wrapping-container #{bn}__wrapping-container--left",
34 34
         div className: "#{bn}__position",
35 35
           div className: "#{bn}__position-number", "##{props.position}"
36
-          div className: "badge-rank badge-rank--tiny badge-rank--#{props.score.rank}"
36
+          div className: "score-rank score-rank--tiny score-rank--#{props.score.rank}"
37 37
 
38 38
         div className: "#{bn}__avatar",
39 39
           a

+ 1
- 1
resources/assets/coffee/react/beatmapset-page/scoreboard-table-row.coffee View File

@@ -41,7 +41,7 @@ export class ScoreboardTableRow extends React.PureComponent
41 41
       td className: osu.classWithModifiers(cell, ['rank']), "##{index+1}"
42 42
 
43 43
       td className: osu.classWithModifiers(cell, ["grade"]),
44
-        div className: "badge-rank badge-rank--tiny badge-rank--#{score.rank}"
44
+        div className: "score-rank score-rank--tiny score-rank--#{score.rank}"
45 45
 
46 46
       td className: osu.classWithModifiers(cell, ["score"]),
47 47
         osu.formatNumber(score.score)

+ 1
- 1
resources/assets/coffee/react/profile-page/rank-count.coffee View File

@@ -32,5 +32,5 @@ export class RankCount extends React.PureComponent
32 32
       key: name
33 33
       className: 'profile-rank-count__item'
34 34
       div
35
-        className: "score-rank-v2 score-rank-v2--#{name} score-rank-v2--profile-page"
35
+        className: "score-rank score-rank--#{name} score-rank--profile-page"
36 36
       osu.formatNumber(@props.stats.scoreRanks[name])

+ 1
- 1
resources/assets/coffee/react/profile-page/recent-activity.coffee View File

@@ -128,7 +128,7 @@ export class RecentActivity extends React.PureComponent
128 128
         badge = div
129 129
           className: "profile-extra-entries__icon"
130 130
           div
131
-            className: "score-rank-v2 score-rank-v2--#{event.scoreRank}"
131
+            className: "score-rank score-rank--#{event.scoreRank}"
132 132
 
133 133
         text = div
134 134
           className: 'profile-extra-entries__text'

+ 1
- 2
resources/assets/less/bem-index.less View File

@@ -29,7 +29,6 @@
29 29
 @import "bem/avatar-ribbon";
30 30
 @import "bem/back-to-top";
31 31
 @import "bem/badge-achievement";
32
-@import "bem/badge-rank";
33 32
 @import "bem/badges";
34 33
 @import "bem/bar";
35 34
 @import "bem/bbcode-size-select";
@@ -268,7 +267,7 @@
268 267
 @import "bem/rankings-beatmapsets";
269 268
 @import "bem/report-form";
270 269
 @import "bem/report-form-select-options";
271
-@import "bem/score-rank-v2";
270
+@import "bem/score-rank";
272 271
 @import "bem/search";
273 272
 @import "bem/search-entry";
274 273
 @import "bem/search-forum-options";

+ 0
- 69
resources/assets/less/bem/badge-rank.less View File

@@ -1,69 +0,0 @@
1
-/**
2
- *    Copyright (c) ppy Pty Ltd <contact@ppy.sh>.
3
- *
4
- *    This file is part of osu!web. osu!web is distributed with the hope of
5
- *    attracting more community contributions to the core ecosystem of osu!.
6
- *
7
- *    osu!web is free software: you can redistribute it and/or modify
8
- *    it under the terms of the Affero GNU General Public License version 3
9
- *    as published by the Free Software Foundation.
10
- *
11
- *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
12
- *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
13
- *    See the GNU Affero General Public License for more details.
14
- *
15
- *    You should have received a copy of the GNU Affero General Public License
16
- *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
17
- */
18
-
19
-.badge-rank {
20
-  @size: 100%;
21
-  width: @size;
22
-  height: @size;
23
-  background-size: 100%;
24
-  background-position: center;
25
-  background-repeat: no-repeat;
26
-
27
-  .all(@rank, @prefix) {
28
-    &--@{rank} {
29
-      .bg(@prefix);
30
-    }
31
-  }
32
-
33
-  .bg(@filename) {
34
-    .at2x-simple("/images/badges/score-ranks/Score-@{filename}-Small-60.png");
35
-  }
36
-
37
-  .all(XH, "SSPlus");
38
-  .all(X, "SS");
39
-  .all(SH, "SPlus");
40
-  .all(S, "S");
41
-  .all(A, "A");
42
-  .all(B, "B");
43
-  .all(C, "C");
44
-  .all(D, "F");
45
-
46
-  &--full {
47
-    width: 100%;
48
-    height: 100%;
49
-
50
-    // to avoid problem in chrome when located inside flexbox
51
-    // reference: https://code.google.com/p/chromium/issues/detail?id=341310
52
-    position: absolute;
53
-  }
54
-
55
-  &--medium {
56
-    width: @rank-width;
57
-    height: @rank-height;
58
-  }
59
-
60
-  &--small {
61
-    width: 50px;
62
-    height: 26px;
63
-  }
64
-
65
-  &--tiny {
66
-    width: 30px;
67
-    height: 14px;
68
-  }
69
-}

+ 9
- 7
resources/assets/less/bem/profile-extra-entries.less View File

@@ -18,9 +18,11 @@
18 18
 
19 19
 .profile-extra-entries {
20 20
   list-style: none;
21
+  display: flex;
22
+  flex-direction: column;
21 23
   padding: 0;
22
-  margin: 0;
23
-  @item-height: 25px;
24
+  margin: -2px 0;
25
+  @item-height: 22px;
24 26
 
25 27
   &--kudosu {
26 28
     margin-top: 20px;
@@ -30,8 +32,8 @@
30 32
     display: flex;
31 33
     justify-content: space-between;
32 34
     align-items: baseline;
33
-    margin-bottom: 5px;
34
-    min-height: @item-height;
35
+    margin: 2px 0;
36
+    line-height: @item-height;
35 37
 
36 38
     &--top-ranks {
37 39
       height: auto;
@@ -127,10 +129,10 @@
127 129
     .center-content();
128 130
     align-self: flex-start;
129 131
     flex: none;
130
-    width: 40px;
132
+    width: 28px;
131 133
     height: @item-height;
132
-    margin-right: 10px;
133
-    font-size: 20px; // icon size
134
+    margin-right: 5px;
135
+    font-size: 14px; // icon size
134 136
   }
135 137
 
136 138
   &__time {

+ 5
- 0
resources/assets/less/bem/profile-rank-count.less View File

@@ -21,8 +21,13 @@
21 21
   text-align: center;
22 22
   font-weight: bold;
23 23
   font-size: @font-size--title-small-4;
24
+  margin: 0 -2px;
24 25
 
25 26
   @media @desktop {
26 27
     font-size: @font-size--normal;
27 28
   }
29
+
30
+  &__item {
31
+    margin: 0 2px;
32
+  }
28 33
 }

resources/assets/less/bem/score-rank-v2.less → resources/assets/less/bem/score-rank.less View File

@@ -16,7 +16,7 @@
16 16
  *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
17 17
  */
18 18
 
19
-.score-rank-v2 {
19
+.score-rank {
20 20
   width: 2em;
21 21
   height: 1em;
22 22
   background-size: 100%;
@@ -31,23 +31,27 @@
31 31
   }
32 32
 
33 33
   .bg(@filename) {
34
-    .at2x-simple("/images/badges/score-ranks-v2/@{filename}.png");
34
+    background-image: url("/images/badges/score-ranks-v2019/GradeSmall-@{filename}.svg");
35 35
   }
36 36
 
37
-  .all(XH, "SS+");
37
+  .all(XH, "SS-Gold");
38 38
   .all(X, "SS");
39
-  .all(SH, "S+");
39
+  .all(SH, "S-Gold");
40 40
   .all(S, "S");
41 41
   .all(A, "A");
42 42
   .all(B, "B");
43 43
   .all(C, "C");
44
-  .all(D, "F");
44
+  .all(D, "D");
45 45
 
46 46
   &--full {
47 47
     .full-size();
48 48
   }
49 49
 
50 50
   &--profile-page {
51
-    font-size: 28px; // icon size
51
+    font-size: 22px;
52
+  }
53
+
54
+  &--tiny {
55
+    font-size: 14px;
52 56
   }
53 57
 }

+ 2
- 2
resources/assets/lib/play-detail.coffee View File

@@ -49,7 +49,7 @@ export class PlayDetail extends PureComponent
49 49
       div className: "#{bn}__group #{bn}__group--top",
50 50
         div
51 51
           className: "#{bn}__icon #{bn}__icon--main"
52
-          div className: "score-rank-v2 score-rank-v2--full score-rank-v2--#{score.rank}"
52
+          div className: "score-rank score-rank--full score-rank--#{score.rank}"
53 53
 
54 54
         div className: "#{bn}__detail",
55 55
           a
@@ -79,7 +79,7 @@ export class PlayDetail extends PureComponent
79 79
         div className: "#{bn}__score-detail #{bn}__score-detail--score",
80 80
           div
81 81
             className: "#{bn}__icon #{bn}__icon--extra"
82
-            div className: "score-rank-v2 score-rank-v2--full score-rank-v2--#{score.rank}"
82
+            div className: "score-rank score-rank--full score-rank--#{score.rank}"
83 83
           div className: "#{bn}__score-detail-top-right",
84 84
             div
85 85
               className: "#{bn}__accuracy-and-weighted-pp"

Loading…
Cancel
Save