Skip to content

Commit 8d74a0a

Browse files
th-chth-ch
committed
Navigation plugin: fix arrow style
1 parent fbce109 commit 8d74a0a

File tree

3 files changed

+33
-69
lines changed

3 files changed

+33
-69
lines changed

‎plugins/navigation/style.css

+25-25
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
11
.navigation-item {
2-
font-family : Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
3-
font-size : 20px;
4-
line-height : var(--ytmusic-title-1_-_line-height);
5-
font-weight : 500;
6-
color : #fff;
7-
--yt-endpoint-color : #fff;
8-
--yt-endpoint-hover-color : #fff;
2+
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
3+
font-size: 20px;
4+
line-height: var(--ytmusic-title-1_-_line-height);
5+
font-weight: 500;
6+
color: #fff;
7+
--yt-endpoint-color: #fff;
8+
--yt-endpoint-hover-color: #fff;
99
--yt-endpoint-visited-color: #fff;
10-
display : inline-flex;
11-
align-items : center;
12-
color : rgba(255, 255, 255, 0.5);
13-
cursor : pointer;
14-
margin : 0 var(--ytmusic-pivot-bar-tab-margin);
10+
display: inline-flex;
11+
align-items: center;
12+
color: rgba(255, 255, 255, 0.5);
13+
cursor: pointer;
14+
margin: 0 var(--ytmusic-pivot-bar-tab-margin);
1515
}
1616

1717
.navigation-item:hover {
1818
color: #fff;
1919
}
2020

2121
.navigation-icon {
22-
display : inline-flex;
23-
-ms-flex-align : center;
24-
-webkit-align-items : center;
25-
align-items : center;
26-
-ms-flex-pack : center;
22+
display: inline-flex;
23+
-ms-flex-align: center;
24+
-webkit-align-items: center;
25+
align-items: center;
26+
-ms-flex-pack: center;
2727
-webkit-justify-content: center;
28-
justify-content : center;
29-
position : relative;
30-
vertical-align : middle;
31-
fill : var(--iron-icon-fill-color, currentcolor);
32-
stroke : none;
33-
width : var(--iron-icon-width, 24px);
34-
height : var(--iron-icon-height, 24px);
35-
animation : var(--iron-icon_-_animation);
28+
justify-content: center;
29+
position: relative;
30+
vertical-align: middle;
31+
fill: var(--iron-icon-fill-color, currentcolor);
32+
stroke: none;
33+
width: var(--iron-icon-width, 24px);
34+
height: var(--iron-icon-height, 24px);
35+
animation: var(--iron-icon_-_animation);
3636
}

‎plugins/navigation/templates/back.html

+4-22
Original file line numberDiff line numberDiff line change
@@ -4,34 +4,17 @@
44
role="tab"
55
onclick="goToPreviousPage()"
66
>
7-
<div
8-
class="tab-icon style-scope ytmusic-pivot-bar-item-renderer yt-icon-container"
9-
>
10-
<svg
11-
viewBox="0 0 24 24"
12-
preserveAspectRatio="xMidYMid meet"
13-
focusable="false"
14-
class="style-scope yt-icon"
15-
style="pointer-events: none; display: block; width: 100%; height: 100%;"
16-
>
17-
<g class="style-scope yt-icon">
18-
<path
19-
class="st0"
20-
d="M109.3 265.2l218.9 218.9c5.1 5.1 11.8 7.9 19 7.9s14-2.8 19-7.9l16.1-16.1c10.5-10.5 10.5-27.6 0-38.1L198.6 246.1 382.7 62c5.1-5.1 7.9-11.8 7.9-19 0-7.2-2.8-14-7.9-19L366.5 7.9c-5.1-5.1-11.8-7.9-19-7.9-7.2 0-14 2.8-19 7.9L109.3 227c-5.1 5.1-7.9 11.9-7.8 19.1 0 7.2 2.8 14 7.8 19.1z"
21-
class="style-scope yt-icon"
22-
></path>
23-
</g>
24-
</svg>
25-
</div>
26-
277
<div
288
class="search-icon style-scope ytmusic-search-box"
299
role="button"
3010
tabindex="0"
3111
aria-disabled="false"
3212
title="Go to previous page"
3313
>
34-
<div id="icon" class="style-scope paper-icon-button navigation-icon">
14+
<div
15+
id="icon"
16+
class="tab-icon style-scope paper-icon-button navigation-icon"
17+
>
3518
<svg
3619
viewBox="0 0 492 492"
3720
preserveAspectRatio="xMidYMid meet"
@@ -41,7 +24,6 @@
4124
>
4225
<g class="style-scope iron-icon">
4326
<path
44-
class="st0"
4527
d="M109.3 265.2l218.9 218.9c5.1 5.1 11.8 7.9 19 7.9s14-2.8 19-7.9l16.1-16.1c10.5-10.5 10.5-27.6 0-38.1L198.6 246.1 382.7 62c5.1-5.1 7.9-11.8 7.9-19 0-7.2-2.8-14-7.9-19L366.5 7.9c-5.1-5.1-11.8-7.9-19-7.9-7.2 0-14 2.8-19 7.9L109.3 227c-5.1 5.1-7.9 11.9-7.8 19.1 0 7.2 2.8 14 7.8 19.1z"
4628
></path>
4729
</g>

‎plugins/navigation/templates/forward.html

+4-22
Original file line numberDiff line numberDiff line change
@@ -4,34 +4,17 @@
44
role="tab"
55
onclick="goToNextPage()"
66
>
7-
<div class="tab-icon style-scope ytmusic-pivot-bar-item-renderer">
8-
<svg
9-
viewBox="0 0 24 24"
10-
preserveAspectRatio="xMidYMid meet"
11-
focusable="false"
12-
class="style-scope yt-icon"
13-
style="pointer-events: none; display: block; width: 100%; height: 100%;"
14-
>
15-
<g class="style-scope yt-icon">
16-
<path
17-
d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12
18-
c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028
19-
c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265
20-
c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z"
21-
class="style-scope yt-icon"
22-
></path>
23-
</g>
24-
</svg>
25-
</div>
26-
277
<div
288
class="search-icon style-scope ytmusic-search-box"
299
role="button"
3010
tabindex="0"
3111
aria-disabled="false"
3212
title="Go to next page"
3313
>
34-
<div id="icon" class="style-scope paper-icon-button navigation-icon">
14+
<div
15+
id="icon"
16+
class="tab-icon style-scope paper-icon-button navigation-icon"
17+
>
3518
<svg
3619
viewBox="0 0 492 492"
3720
preserveAspectRatio="xMidYMid meet"
@@ -41,7 +24,6 @@
4124
>
4225
<g class="style-scope iron-icon">
4326
<path
44-
class="st0"
4527
d="M382.7,226.8L163.7,7.9c-5.1-5.1-11.8-7.9-19-7.9s-14,2.8-19,7.9L109.5,24c-10.5,10.5-10.5,27.6,0,38.1
4628
l183.9,183.9L109.3,430c-5.1,5.1-7.9,11.8-7.9,19c0,7.2,2.8,14,7.9,19l16.1,16.1c5.1,5.1,11.8,7.9,19,7.9s14-2.8,19-7.9L382.7,265
4729
c5.1-5.1,7.9-11.9,7.8-19.1C390.5,238.7,387.8,231.9,382.7,226.8z"

0 commit comments

Comments
 (0)